Included in:
Not included in any file!
Depends from:
BreakpointMixins.mobile('max')
BreakpointMixins.tablet('max')
BuilderMixins.build-properties($spacings-map, 'space')
Local variables:
$size-gap-tablet: 0.8
$size-gap-mobile: 0.6
$spacings-map: (
'none': 0,
'xxs' : .5rem,
'xs' : .75rem,
'sm' : 1rem,
'md' : 2rem,
'lg' : 4rem,
'xl' : 6rem,
'xxl' : 8rem,
)
--space-xxs: #{ calc(map-get($spacings-map, 'xxs') * $size-gap-tablet) }
--space-xs: #{ calc(map-get($spacings-map, 'xs') * $size-gap-tablet) }
--space-sm: #{ calc(map-get($spacings-map, 'sm') * $size-gap-tablet) }
--space-md: #{ calc(map-get($spacings-map, 'md') * $size-gap-tablet) }
--space-lg: #{ calc(map-get($spacings-map, 'lg') * $size-gap-tablet) }
--space-xl: #{ calc(map-get($spacings-map, 'xl') * $size-gap-tablet) }
--space-xxl: #{ calc(map-get($spacings-map, 'xxl') * $size-gap-tablet) }
--space-xs: #{ calc(map-get($spacings-map, 'xxs') * $size-gap-mobile) }
--space-xs: #{ calc(map-get($spacings-map, 'xs') * $size-gap-mobile) }
--space-sm: #{ calc(map-get($spacings-map, 'sm') * $size-gap-mobile) }
--space-md: #{ calc(map-get($spacings-map, 'md') * $size-gap-mobile) }
--space-lg: #{ calc(map-get($spacings-map, 'lg') * $size-gap-mobile) }
--space-xl: #{ calc(map-get($spacings-map, 'xl') * $size-gap-mobile) }
--space-xxl: #{ calc(map-get($spacings-map, 'xxl') * $size-gap-mobile) }
component
Spacing
...
Customizable properties
:root {
--space-none: 0;
--space-xxs : .5rem;
--space-xs : .75rem;
--space-sm : 1rem;
--space-md : 2rem;
--space-lg : 4rem;
--space-xl : 6rem;
--space-xxl : 8rem;
}