Generate :hover
and :focus
styles in one go.
You can install the hocus
module via Bower, npm, or copy and paste.
$ bower install tree-hocus --save
Once installed, @import
into your project in its Tools layer:
@import "bower_components/tree-hocus/tools.hocus";
$ npm install tree-hocus --save
The least recommended option for installation is to simply download
_tools.hocus.scss
into your project and @import
it into your project in
its Tools layer.
Basic usage of the hocus
module:
a {
text-decoration: none;
@include tree-hocus() {
text-decoration: underline;
}
}
This will yield:
a {
text-decoration: none;
}
a:hover,
a:focus {
text-decoration: underline;
}
- inuitcss Powerful, Sass-based, OOCSS framework designed with scalability and performance in mind.