Included in:
Not included in any file!
Depends from:
Builder.build-classes($width-prefix, max-width, $width-sizes)
Builder.build-responsive-classes($width-prefix, max-width, $width-sizes)
Local variables:
$width-prefix: 'is-width'
$width-sizes: (
'min' : var(--breakpoint-min),
'mobile' : var(--breakpoint-mobile),
'tablet' : var(--breakpoint-tablet),
'laptop' : var(--breakpoint-laptop),
'menu' : var(--breakpoint-menu),
'desktop': var(--breakpoint-desktop),
'large' : var(--breakpoint-large)
)
component
Width
Utilites for controlling the width of en element.
| Class | Properties |
|---|---|
is-width-min |
max-width: --breakpoint-min |
is-width-mobile |
max-width: --breakpoint-mobile |
is-width-tablet |
max-width: --breakpoint-tablet |
is-width-laptop |
max-width: --breakpoint-laptop |
is-width-desktop |
max-width: --breakpoint-desktop |
is-width-large |
max-width: --breakpoint-large |
Mobile