consul/nairobi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Extract placeholder selector for SDG list styles

Browse Source
This commit is contained in:
Javi Martín
2021-01-21 13:14:16 +01:00
parent 0d3c4c8154
commit 744b9d1ffd
4 changed files with 13 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/assets/stylesheets/mixins.scss
View File

@@ -227,6 +227,16 @@
}
}
%sdg-goal-list {
list-style: none;
margin-bottom: 0;
margin-left: 0;
li {
display: inline-block;
}
}
%tags {
margin-bottom: 0;
margin-left: 0;

4
app/assets/stylesheets/sdg/goals/index.scss
View File

@@ -1,14 +1,12 @@
.sdg-goals-index {
.sdg-goal-list {
@extend %sdg-goal-list;
@include grid-row;
@include grid-column-gutter;
list-style: none;
margin-bottom: 0;
max-width: 40rem;
li {
display: inline-block;
$spacing: 1vw;
line-height: 0;

5
app/assets/stylesheets/sdg/goals/tag_list.scss
View File

@@ -1,10 +1,7 @@
.sdg-goal-tag-list {
list-style: none;
margin-bottom: 0;
margin-left: 0;
@extend %sdg-goal-list;
li {
display: inline-block;
margin-bottom: 1ch;
&:not(:last-child) {

5
app/assets/stylesheets/sdg/related_list_selector.scss
View File

@@ -13,12 +13,9 @@
}
label + ul {
list-style: none;
margin-bottom: 0;
margin-left: 0;
@extend %sdg-goal-list;
li {
display: inline-block;
&[aria-checked=true] img {
opacity: 0.15;