4fea839c54
This way we remove duplication and it'll be easier to add better support for RTL languages. In a few years this might not be necessary since support for the `gap` property in a flexbox layout will improve. At the time of writing, however, only 86.5% of the browsers support it [1]. [1] https://caniuse.com/flexbox-gap
30 lines
439 B
SCSS
30 lines
439 B
SCSS
.feeds-participation {
|
|
@include flex-with-gap;
|
|
flex-wrap: wrap;
|
|
|
|
.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-top: $line-height;
|
|
flex-direction: column;
|
|
|
|
.feed-content {
|
|
flex-grow: 1;
|
|
}
|
|
}
|
|
|
|
.sdg-tag-list {
|
|
margin-top: $line-height / 2;
|
|
}
|
|
}
|