hocus

Generate :hover and :focus styles in one go.

Installation

You can install the hocus module via Bower, npm, or copy and paste.

Install using Bower:

$ bower install tree-hocus --save

Once installed, @import into your project in its Tools layer:

@import "bower_components/tree-hocus/tools.hocus";

Install using npm:

$ npm install tree-hocus --save

Install via file download

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.

Usage

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;
}

Credits

• inuitcss Powerful, Sass-based, OOCSS framework designed with scalability and performance in mind.