Fix container docs

This commit is contained in:
Jeremy Thomas
2017-08-01 21:05:10 +01:00
parent 94fcaa55f6
commit e98c98c6fd
6 changed files with 85 additions and 83 deletions

View File

@@ -2,6 +2,7 @@
@import "box.sass"
@import "button.sass"
@import "container.sass"
@import "content.sass"
@import "form.sass"
@import "icon.sass"

View File

@@ -0,0 +1,27 @@
$container-offset: 60px !default
.container
margin: 0 auto
position: relative
+from($desktop + $container-offset)
max-width: $desktop - (2 * $gap)
width: $desktop - (2 * $gap)
&.is-fluid
margin-left: $gap
margin-right: $gap
max-width: none
width: auto
+until($widescreen + $container-offset)
&.is-widescreen
max-width: $widescreen - (2 * $gap)
width: auto
+until($fullhd + $container-offset)
&.is-fullhd
max-width: $fullhd - (2 * $gap)
width: auto
+from($widescreen + $container-offset)
max-width: $widescreen - (2 * $gap)
width: $widescreen - (2 * $gap)
+from($fullhd + $container-offset)
max-width: $fullhd - (2 * $gap)
width: $fullhd - (2 * $gap)

View File

@@ -1,34 +1,6 @@
.block
+block
$container-offset: 60px !default
.container
margin: 0 auto
position: relative
+from($desktop + $container-offset)
max-width: $desktop - (2 * $gap)
width: $desktop - (2 * $gap)
&.is-fluid
margin-left: $gap
margin-right: $gap
max-width: none
width: auto
+until($widescreen + $container-offset)
&.is-widescreen
max-width: $widescreen - (2 * $gap)
width: auto
+until($fullhd + $container-offset)
&.is-fullhd
max-width: $fullhd - (2 * $gap)
width: auto
+from($widescreen + $container-offset)
max-width: $widescreen - (2 * $gap)
width: $widescreen - (2 * $gap)
+from($fullhd + $container-offset)
max-width: $fullhd - (2 * $gap)
width: $fullhd - (2 * $gap)
.delete
+delete