Style utilities. Contains Sass mixins and corresponding CSS classes.
npm install blazer-utils --save
@use 'blazer-utils/mixins' as blazer;
.jackie {
@include blazer.cf;
}
@use 'blazer-utils' as *;
// File now contains all CSS classes
-
image-replacement
- Image replacement. -
hidden
- Hide from both screenreaders and browsers. -
invisible
- Hide visually and from screenreaders, but maintain layout. -
hidden-visually
- Hide only visually, but have it available for screenreaders. -
cf
- Clearfix for containing floats.
-
.u-imageReplacement
- Containsimage-replacement
. -
.u-hidden
- Containshidden
. -
.u-invisible
- Containsinvisible
. -
.u-hiddenVisually
- Containshidden-visually
. -
.u-cf
- Containscf
.
For manual tests, run npm run test:manual:local
and open
http://localhost:9000/ in your browser.
Tested in IE11+ and all modern browsers.
MIT © Ivan Nikolić