scss: introduce/use new %cell and %cell-links-list selectors (#58200)
This commit is contained in:
parent
a4800a2bdc
commit
c5124a6907
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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 {
|
||||
|
|
Loading…
Reference in New Issue