blazer-utils

[![Build Status][ci-img]][ci]

Style utilities. Contains Sass mixins and corresponding CSS classes.

Install

``sh
npm install blazer-utils --save
`

Usage

$3

`scss
@use 'blazer-utils/mixins' as blazer;

.jackie {
@include blazer.cf;
}
`

$3

`scss
@use 'blazer-utils' as *;

// File now contains all CSS classes
`

API

$3

- 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.

$3

- .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ć

[ci]: https://travis-ci.org/niksy/blazer-utils
[ci-img]: https://travis-ci.org/niksy/blazer-utils.svg?branch=master