mirror of
https://github.com/jgthms/bulma
synced 2026-03-21 04:34:30 -07:00
Fix container docs
This commit is contained in:
@@ -2,6 +2,7 @@
|
||||
|
||||
@import "box.sass"
|
||||
@import "button.sass"
|
||||
@import "container.sass"
|
||||
@import "content.sass"
|
||||
@import "form.sass"
|
||||
@import "icon.sass"
|
||||
|
||||
27
sass/elements/container.sass
Normal file
27
sass/elements/container.sass
Normal 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)
|
||||
@@ -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
|
||||
|
||||
|
||||
Reference in New Issue
Block a user