blazer-utils

Style utilities.

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
blazer-utils
2.0.02 years ago6 years agoMinified + gzip package size for blazer-utils in KB

Readme

blazer-utils
!Build Statusci-imgci
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.
  • hidden-visually-revert - Revert changes made by mixin for visually hidden
element.
  • 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 in your browser.

Browser support

Tested in IE11+ and all modern browsers.

License

MIT © Ivan Nikolić