mirror of
https://github.com/jgthms/bulma
synced 2026-03-19 20:04:30 -07:00
Add CSS class name prefix
This commit is contained in:
@@ -3,7 +3,7 @@
|
||||
$container-offset: 2 * $gap !default;
|
||||
$container-max-width: $fullhd !default;
|
||||
|
||||
.container {
|
||||
.#{$class-prefix}container {
|
||||
flex-grow: 1;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
@@ -20,28 +20,24 @@ $container-max-width: $fullhd !default;
|
||||
max-width: $desktop - $container-offset;
|
||||
}
|
||||
|
||||
|
||||
@include until-widescreen {
|
||||
&.is-widescreen:not(.is-max-desktop) {
|
||||
max-width: min($widescreen, $container-max-width) - $container-offset;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@include until-fullhd {
|
||||
&.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) {
|
||||
max-width: min($fullhd, $container-max-width) - $container-offset;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@include widescreen {
|
||||
&:not(.is-max-desktop) {
|
||||
max-width: min($widescreen, $container-max-width) - $container-offset;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@include fullhd {
|
||||
&:not(.is-max-desktop):not(.is-max-widescreen) {
|
||||
max-width: min($fullhd, $container-max-width) - $container-offset;
|
||||
|
||||
Reference in New Issue
Block a user