sass/elements/container.sass

$container-offset: (2 * $gap) !default

.container
  flex-grow: 1
  margin: 0 auto
  position: relative
  width: auto
  &.is-fluid
    max-width: none
    padding-left: $gap
    padding-right: $gap
    width: 100%
  +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
Add more variables 2019-05-17 13:50:39 +01:00			`$container-offset: (2 * $gap) !default`

Fix container docs 2017-08-01 21:05:10 +01:00			`.container`
Fix #2297 2019-05-17 12:51:52 +01:00			`flex-grow: 1`
Fix container docs 2017-08-01 21:05:10 +01:00			`margin: 0 auto`
			`position: relative`
Fix #2297 2019-05-17 12:51:52 +01:00			`width: auto`
Fixes #1552 > `.container.is-fluid` margins (#1608) 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. ``` 2019-09-20 00:04:09 +10:00			`&.is-fluid`
			`max-width: none`
Fix #1552 2019-09-19 15:18:04 +01:00			`padding-left: $gap`
			`padding-right: $gap`
			`width: 100%`
Fix #1759 2018-04-08 20:11:48 +01:00			`+desktop`
Add more variables 2019-05-17 13:50:39 +01:00			`max-width: $desktop - $container-offset`
Fix #1759 2018-04-08 20:11:48 +01:00			`+until-widescreen`
Fix container docs 2017-08-01 21:05:10 +01:00			`&.is-widescreen`
Add more variables 2019-05-17 13:50:39 +01:00			`max-width: $widescreen - $container-offset`
Fix #1759 2018-04-08 20:11:48 +01:00			`+until-fullhd`
Fix container docs 2017-08-01 21:05:10 +01:00			`&.is-fullhd`
Add more variables 2019-05-17 13:50:39 +01:00			`max-width: $fullhd - $container-offset`
Fix #1759 2018-04-08 20:11:48 +01:00			`+widescreen`
Add more variables 2019-05-17 13:50:39 +01:00			`max-width: $widescreen - $container-offset`
Fix #1759 2018-04-08 20:11:48 +01:00			`+fullhd`
Add more variables 2019-05-17 13:50:39 +01:00			`max-width: $fullhd - $container-offset`