A SUIT collection of utility classes for low-level CSS link traits.
Read more about SUIT's design principles.
- Bower:
bower install --save suit-utils-link - Component(1):
component install suitcss/utils-link - Download: zip
-
u-linkBlock- Block-level link with notext-decorationfor any state. -
u-linkClean- A link without notext-decorationfor any state. -
u-linkComplex- Limit a link's interactivetext-decorationunderline to a sub-section of the link text.<a class="u-linkComplex" href="{url}"> Link complex <span class="u-linkComplexTarget">target</span> </a>
-
u-linkPseudo- Make another interactive element, e.g.,button, look like a link.<button class="u-linkPseudo" type="button"> Link-like button </button>
var-color-linkPseudo: the text color to use forbuttonwhen styled like a text link.var-color-hover-linkPseudo-hover: the text interaction color to use forbuttonwhen styled like a text link.
Please refer to the README for SUIT utils
Install Node (comes with npm).
npm install
To generate an un-preprocessed build (i.e., you want to use your own tooling and configure variables).
npm run build
To generate a standalone, preprocessed build.
npm run build-standalone
To generate the testing build.
npm run build-test
Basic visual tests are in test.html.
- Google Chrome (latest)
- Opera (latest)
- Firefox 4+
- Safari 5+
- Internet Explorer 8+