npm.io
3.1.1 • Published 1 year ago

blazer-utils

Licence
MIT
Version
3.1.1
Deps
0
Size
9 kB
Vulns
0
Weekly
0
SummaryDependencyVersions

blazer-utils

Build Status

Style utilities. Contains Sass mixins and corresponding CSS classes.

Install

npm install blazer-utils --save

Usage

Mixins
@use 'blazer-utils/mixins' as blazer;

.jackie {
	@include blazer.cf;
}
Classes
@use 'blazer-utils' as *;

// File now contains all CSS classes

API

Mixins
  • 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.
Classes
  • .u-imageReplacement - Contains image-replacement.
  • .u-hidden - Contains hidden.
  • .u-invisible - Contains invisible.
  • .u-hiddenVisually - Contains hidden-visually.
  • .u-cf - Contains cf.

Test

For manual tests, run npm run test:manual:local and open http://localhost:9000/ in your browser.

Browser support

Tested in IE11+ and all modern browsers.

License

MIT Ivan Nikolić