0.2.0 • Published 11 days ago
@iwbc/sass-utils v0.2.0
sass-utils
Installation
yarn add @iwbc/sass-utils
Usage
Create a wrapper SCSS file and initialize variables.
@forward @iwbc/sass-utils/scss/breakpoint with (
$breakpoints: ('sp': 0, 'tab': 768px, 'pc': 1200px) !default
);
Import and use in any SCSS file.
@use breakpoint.scss;
.element {
@include breakpoint.max('tab') {
width: 50%;
}
}
.mediatype {
@include breakpoint.max('tab', 'screen, print') {
color: #f00;
}
}
Please refer to the documentation for other usage methods.