deepcrayon/lila
deepcrayon/lila
1
0
Fork 0
Code Releases Activity

generic flex gutters hack

Browse source 
as suggested by MDN itself
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Mastering_Wrapping_of_Flex_Items#Creating_gutters_between_items
This commit is contained in:
Thibault Duplessis 2019-04-30 07:56:18 +07:00
parent cb50b35766
commit aea6357ec0
1 changed files with 6 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
ui/common/css/component/_box.scss
View file

@ -16,6 +16,12 @@ $vp-max-width: 1200px;
&__top {
@extend %flex-between, %box-padding;
/* flex gutters, waiting for row-gap to be implemented for flexbox. https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Mastering_Wrapping_of_Flex_Items#Creating_gutters_between_items */
margin-bottom: -1em;
> * { margin-bottom: 1em; }
/* end of flex gutter hack */
h1 {
margin: 0;
}