55 lines
1.0 KiB
SCSS
55 lines
1.0 KiB
SCSS
.sdg-goal-show {
|
|
@include grid-row;
|
|
|
|
> :not(.feeds-participation) {
|
|
@include grid-column-gutter;
|
|
}
|
|
|
|
.sdg-goal {
|
|
|
|
> header {
|
|
@include grid-column-gutter;
|
|
align-items: center;
|
|
color: #fff;
|
|
display: flex;
|
|
margin: $line-height / 2 0;
|
|
text-shadow: 0 0 1px $black;
|
|
min-width: fit-content;
|
|
|
|
&::after {
|
|
align-self: stretch;
|
|
background: transparent no-repeat center right;
|
|
background-size: contain;
|
|
content: "";
|
|
flex: 1;
|
|
min-width: 100px;
|
|
}
|
|
}
|
|
|
|
@each $code, $color in $sdg-colors {
|
|
&.sdg-goal-#{$code} > header {
|
|
background-color: $color;
|
|
|
|
&::after {
|
|
background-image: image-url("sdg/goal_#{$code}_icon_only");
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.feed-processes {
|
|
|
|
.feed-content {
|
|
@include breakpoint(medium) {
|
|
@include grid-row-nest;
|
|
display: flex;
|
|
|
|
> * {
|
|
@include grid-column-gutter;
|
|
width: 50%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|