We can give the padding to the whole page instead of giving it to individual elements. On the minus side, now padding in the SDG pages is not the same as the padding in the homepage, so we need to add an extra padding to the participation feeds in only one of these cases.
33 lines
531 B
SCSS
33 lines
531 B
SCSS
.feeds-participation {
|
|
$gap: rem-calc(map-get($grid-column-gutter, medium));
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin-left: -$gap;
|
|
|
|
.feed-proposals {
|
|
flex-basis: rem-calc(480);
|
|
flex-grow: 2;
|
|
}
|
|
|
|
.feed-debates {
|
|
flex-basis: rem-calc(240);
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.feed-proposals,
|
|
.feed-debates {
|
|
display: flex;
|
|
margin-left: $gap;
|
|
margin-top: $line-height;
|
|
flex-direction: column;
|
|
|
|
.feed-content {
|
|
flex-grow: 1;
|
|
}
|
|
}
|
|
|
|
.sdg-tag-list {
|
|
margin-top: $line-height / 2;
|
|
}
|
|
}
|