1.0.0-rc.3 • Published 2 years ago
@snug/modules v1.0.0-rc.3
snug – super neat utility generator
SCSS toolkit to create utility classes with ease.
❗ snug is still under development and functionality may change
Requirements
For now you need to use dart sass to compile your styles.
Available modules
Name | Mixin |
---|---|
display | @include display() |
flex | @include flex() |
spacing | @include spacing() |
Usage
// Configure snug first
@use '@snug/core' with (
$breakpoints: (
's': 640px,
'm': 768px,
'l': 1024px,
),
);
// Include all available modules
@use '@snug/modules' as *;
@include spacing();
@include display();
@include flex();
// Or include only the ones you really need
@use '@snug/modules/display' as *;
@include display();
Overriding Defaults
@use '@snug/modules/display' as * with (
$variants: (),
$options: (
'block': block,
'flex': flex,
),
);
@include display('responsive');
Extending Defaults
@use '@snug/modules/display' as *;
@include display('responsive', (
'table': table,
));