scss: introduce/use new %cell and %cell-links-list selectors (#58200)

This commit is contained in:
Frédéric Péters 2021-10-26 14:36:28 +02:00
parent a4800a2bdc
commit c5124a6907
15 changed files with 51 additions and 162 deletions

View File

@ -67,18 +67,7 @@ div#nav {
// Links list
#main-content {
div#rub_service div.category ul,
div#services > ul > li > ul,
div#account-management ul,
div.links-list ul,
div.menucell ul,
div.wcsformcell,
div.notificationscell ul,
div.categoriescell ul,
div.link-list-cell ul,
div.wcsformsofcategorycell ul,
div.wcscurrentdraftscell ul,
div.wcscurrentformscell ul {
%cell-links-list {
background-color: $gray-lighter;
& > li {
border-bottom-width: 3px !important;

View File

@ -286,17 +286,7 @@ button {
}
div#content {
div#rub_service div.category ul,
div#services > ul > li > ul,
div#account-management ul,
div.links-list ul,
div.menucell ul,
div.wcsformcell,
div.notificationscell ul,
div.categoriescell ul,
div.wcsformsofcategorycell ul,
div.wcscurrentdraftscell ul,
div.wcscurrentformscell ul {
%cell-links-list {
a {
color: #888;
padding: 0.5rem 0.5rem;

View File

@ -264,12 +264,8 @@ main {
// CELLS & tracking code
div.a2-continue,
div#services > ul > li,
div.a2-block,
.gru-content div.cell,
div.block,
#tracking-code {
#tracking-code,
%cell {
box-shadow: $gpseo-shadow;
margin-bottom: 20px;
@ -414,18 +410,7 @@ div#tracking-code {
}
// LINKS LIST
div#rub_service div.category ul,
div#services > ul > li > ul,
div#account-management ul,
div.links-list ul,
div.menucell ul,
div.wcsformcell,
div.notificationscell ul,
div.categoriescell ul,
div.link-list-cell ul,
div.wcsformsofcategorycell ul,
div.wcscurrentdraftscell ul,
div.wcscurrentformscell ul {
%cell-links-list {
& > li {
> a {
display: block;

View File

@ -223,17 +223,7 @@ div.gru-content div.cell {
}
}
div#rub_service div.category ul,
div#services > ul > li > ul,
div#account-management ul,
div.links-list ul,
div.menucell ul,
div.wcsformcell,
div.notificationscell ul,
div.categoriescell ul,
div.wcsformsofcategorycell ul,
div.wcscurrentdraftscell ul,
div.wcscurrentformscell ul {
%cell-links-list {
& > li > a {
padding: 0.5rem 1rem 0.5rem 2rem;
&::before {

View File

@ -79,11 +79,7 @@ div#sidebar + div#columns {
}
}
div.a2-continue,
div#services > ul > li,
div.a2-block,
.gru-content .cell,
.block {
%cell {
text-align: left;
background: $cell-background;
color: $cell-color;
@ -91,6 +87,14 @@ div.a2-block,
border-radius: $cell-border-radius;
}
div.a2-continue,
div#services > ul > li,
div.a2-block,
.gru-content .cell,
.block {
@extend %cell;
}
.column div.a2-block,
.gru-content div.cell,
.block {
@ -153,15 +157,7 @@ div.links-list p {
margin: 1em;
}
div#rub_service div.category ul,
div#services > ul > li > ul,
div#account-management ul,
div.links-list ul,
div.menucell ul,
div.wcsformcell,
div.categoriescell ul,
div.wcscurrentdraftscell ul,
div.wcscurrentformscell ul {
%cell-links-list {
padding: 0;
margin: 0;
list-style: none;
@ -263,6 +259,20 @@ div.wcscurrentformscell ul {
}
}
div#rub_service div.category ul,
div#services > ul > li > ul,
div#account-management ul,
div.links-list ul,
div.menucell ul,
div.wcsformcell,
div.categoriescell ul,
div.link-list-cell ul,
div.wcsformsofcategorycell ul,
div.wcscurrentdraftscell ul,
div.wcscurrentformscell ul {
@extend %cell-links-list;
}
.gru-content div.link-list-cell.has-asset-picture,
.gru-content div.wcsformsofcategorycell.has-asset-picture {
picture img {

View File

@ -158,15 +158,7 @@ div#main-content-wrapper {
}
// Links-list
div#rub_service div.category ul,
div#services > ul > li > ul,
div#account-management ul,
div.links-list ul,
div.menucell ul,
div.wcsformcell,
div.categoriescell ul,
div.wcscurrentdraftscell ul,
div.wcscurrentformscell ul {
%cell-links-list {
& > li {
> a {
padding-left: 2rem;

View File

@ -1,10 +1,6 @@
/* general stuff */
div.a2-continue,
div#services > ul > li,
div.a2-block,
.gru-content div.cell,
div.block {
%cell {
overflow: visible;
}

View File

@ -7,11 +7,7 @@ $remote-font-path: 'https://perso.entrouvert.org/~fred/quimper/';
url('#{$remote-font-path}/geometric_231_heavy_bt-webfont.ttf') format('truetype');
}
div.a2-continue,
div#services > ul > li,
div.a2-block,
.gru-content div.cell,
div.block {
%cell {
overflow: visible;
}

View File

@ -276,7 +276,7 @@ div.gru-nav {
ul {
text-align: center;
li a {
padding-left: 0.75em;
padding-left: 0.75em;
}
}
}
@ -457,18 +457,7 @@ div#services > ul > li,
// Links-list
div#rub_service div.category ul,
div#services > ul > li > ul,
div#account-management ul,
.cell:not(.pk-button) div.links-list ul,
div.menucell ul,
div.wcsformcell,
div.notificationscell ul,
div.categoriescell ul,
div.link-list-cell ul,
div.wcsformsofcategorycell ul,
div.wcscurrentdraftscell ul,
div.wcscurrentformscell ul {
%cell-links-list {
& > li {
font-weight: bold;
color: $gray;
@ -768,10 +757,15 @@ body:not(.page-template-homepage) #sidebar {
}
}
.link-cell.pk-button {
ul > li > a {
display: block;
@media ($max-mobile-viewport) {
@include white-button;
ul > li {
padding: 0;
&::before {
content: none;
}
> a {
@media ($max-mobile-viewport) {
@include white-button;
}
}
}
}

View File

@ -459,15 +459,7 @@ div.text-cell.cyan {
// Links-list {
.gru-content {
div#rub_service div.category ul,
div#services > ul > li > ul,
div#account-management ul,
div.links-list ul,
div.menucell ul,
div.wcsformcell,
div.categoriescell ul,
div.wcscurrentdraftscell ul,
div.wcscurrentformscell ul {
%cell-links-list {
& > li {
position: relative;
padding-left: 2em;
@ -679,4 +671,4 @@ div#gauche {
display: inline-block;
}
}
}
}

View File

@ -334,17 +334,7 @@ div.apa-user {
}
.gru-content {
div#rub_service div.category ul,
div#services > ul > li > ul,
div#account-management ul,
div.links-list ul,
div.menucell ul,
div.wcsformcell,
div.notificationscell ul,
div.categoriescell ul,
div.wcsformsofcategorycell ul,
div.wcscurrentdraftscell ul,
div.wcscurrentformscell ul {
%cell-links-list {
li a:not(.add-more-items--button) {
padding-left: 1rem;
&::before {

View File

@ -342,15 +342,7 @@ $cell-additional-padding : 10px;
// links-lists
.gru-content {
div#rub_service div.category ul,
div#services > ul > li > ul,
div#account-management ul,
div.links-list ul,
div.menucell ul,
div.wcsformcell,
div.categoriescell ul,
div.wcscurrentdraftscell ul,
div.wcscurrentformscell ul {
%cell-links-list {
& > li > a {
padding: 0.5rem 2rem 0.5rem 2.5rem;
position: relative;

View File

@ -203,15 +203,7 @@ h3 {
}
}
div#rub_service div.category ul,
div#services > ul > li > ul,
div#account-management ul,
div.links-list ul,
div.menucell ul,
div.wcsformcell,
div.categoriescell ul,
div.wcscurrentdraftscell ul,
div.wcscurrentformscell ul {
%cell-links-list {
& > li > a {
padding-left: 2em;
position: relative;

View File

@ -198,17 +198,7 @@ div#section-une {
}
}
div#rub_service div.category ul,
div#services > ul > li > ul,
div#account-management ul,
div.links-list ul,
div.menucell ul,
div.wcsformcell,
div.notificationscell ul,
div.categoriescell ul,
div.wcsformsofcategorycell ul,
div.wcscurrentdraftscell ul,
div.wcscurrentformscell ul {
%cell-links-list {
li {
&:last-child::after {
content: none;

View File

@ -329,16 +329,7 @@ div.cell {
//
// Links List
//
div#rub_service div.category ul,
div#services > ul > li > ul,
div#account-management ul,
div.links-list ul,
div.menucell ul,
div.wcsformcell,
div.categoriescell ul,
div.link-list-cell ul,
div.wcscurrentdraftscell ul,
div.wcscurrentformscell ul {
%cell-links-list {
padding: 0 $theme-gutter-mobile;
& > li > a {