Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/niksy/blazer-utils
Style utilities. Contains Sass mixins and corresponding CSS classes.
https://github.com/niksy/blazer-utils
Last synced: about 2 months ago
JSON representation
Style utilities. Contains Sass mixins and corresponding CSS classes.
- Host: GitHub
- URL: https://github.com/niksy/blazer-utils
- Owner: niksy
- License: mit
- Created: 2016-12-04T16:52:18.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2024-08-23T11:20:19.000Z (4 months ago)
- Last Synced: 2024-10-18T03:47:44.540Z (2 months ago)
- Language: SCSS
- Homepage:
- Size: 13.7 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
Awesome Lists containing this project
README
# blazer-utils
[![Build Status][ci-img]][ci]
Style utilities. Contains Sass mixins and corresponding CSS classes.
## Install
```sh
npm install blazer-utils --save
```
## Usage
### Mixins
```scss
@use 'blazer-utils/mixins' as blazer;
.jackie {
@include blazer.cf;
}
```
### Classes
```scss
@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ć](http://ivannikolic.com)
[ci]: https://travis-ci.org/niksy/blazer-utils
[ci-img]: https://travis-ci.org/niksy/blazer-utils.svg?branch=master