mirror of
https://github.com/jgthms/bulma.git
synced 2024-10-17 09:04:18 +00:00
617cef1939
Changing the default behaviour of `.is-fluid` container: removing media breakpoint from the rule, so the behaviour is consistent with described in docs: ``` This container is fluid: it will have a 32px gap on either side, on any viewport size. ```
25 lines
547 B
Sass
25 lines
547 B
Sass
$container-offset: (2 * $gap) !default
|
|
|
|
.container
|
|
flex-grow: 1
|
|
margin: 0 auto
|
|
position: relative
|
|
width: auto
|
|
&.is-fluid
|
|
margin-left: $gap
|
|
margin-right: $gap
|
|
max-width: none
|
|
width: auto
|
|
+desktop
|
|
max-width: $desktop - $container-offset
|
|
+until-widescreen
|
|
&.is-widescreen
|
|
max-width: $widescreen - $container-offset
|
|
+until-fullhd
|
|
&.is-fullhd
|
|
max-width: $fullhd - $container-offset
|
|
+widescreen
|
|
max-width: $widescreen - $container-offset
|
|
+fullhd
|
|
max-width: $fullhd - $container-offset
|