Welcome to the navigation

Laborum, ullamco labore ipsum incididunt voluptate officia deserunt proident, ad quis magna ex enim esse aliquip reprehenderit excepteur ut sunt mollit eu minim cupidatat cillum. Ut sit aliqua, dolore velit in lorem exercitation ea enim ullamco ipsum sunt mollit aute elit, minim duis nostrud tempor nisi ex reprehenderit et voluptate

Yeah, this will be replaced... But please enjoy the search!

SASS and CSS for the Arrrows font

Arrrows is a free font-library filled with different, well, arrows created by Digital Telepathy licensed under a CC license. Since I use their stuff in some projects I'd like to share my font-mapping utilities for the library.

Usage

Decorate your classes

<div class="arrrow thin-gt-arrow-right"></div>
<div class="arrrow-bold thin-gt-arrow-left"></div>

Implement with sass


Render css for all possible arrrows

// get all arrows
@include get-arrrows();
// get all bold arrows
@include get-arrrows(true);

Render css for specific arrrows

// get the normal thin-gt-arrow-right
@include get-arrow(thin-gt-arrow-right);
// get the bold thin-gt-arrow-right
@include get-arrow(thin-gt-arrow-right, true);

Implement with css instead of sass

Complete reference

Click on each icon row for usage example

  • Class Normal Bold Char Unicode
  • {{arrrow.class}} {{arrrow.character}} {{arrrow.unicode}}
    <span class="arrrow {{arrrow.class}}"></span>
    <span class="arrrow-bold {{arrrow.class}}"></span>
Please note that this portal is a BETA site , I will continuously improve all functionality and performance during the coming weeks / the author