Glyphs
> plugins/glyphs/takefive-glyphs.css
Take Five! – Glyphs Plugin Example
This plugin allows to edit the default glyphs used for the navigation buttons or generate new ones.
| Class | Declared as | Meaning |
|---|---|---|
"small-glyph" |
article.slide > nav:first-of-type a[href].small-glyph |
Set the font-size property equal to ⅗ the size of the slot. |
"medium-glyph" |
article.slide > nav:first-of-type a[href].small-glyph |
Set the font-size property equal to ⅘ the size of the slot. |
"big-glyph" |
article.slide > nav:first-of-type a[href].small-glyph |
Set the font-size property equal to the size of the slot. |
"huge-glyph" |
article.slide > nav:first-of-type a[href].small-glyph |
Set the font-size property equal to the size of the slot plus ⅘. |
"no-glyph" |
article.slide > nav:first-of-type a[href].small-glyph |
Do not display any glyph |
data-* attributes| Attribute | Declared as | Meaning |
|---|---|---|
data-glyph |
article.slide > nav:first-of-type a[href][data-glyph] |
Set the glyph generated equal to the unicode character given; for example: <a href="#my-gallery" rel="index" data-glyph="🏠" class="medium-glyph">All photos</a>. |
data-slot |
article.slide > nav:first-of-type a[href][data-slot] |
Set the position of the glyph generated; for example: <a href="#glyph-example" rel="whatever" data-glyph="⚙️" data-slot="lctrl-t1" class="vision">New button #1</a>. Possible values are: "lctrl-b1", "lctrl-b2", "lctrl-b3", "rctrl-b1", "rctrl-b2", "rctrl-b3", "lctrl-t1", "lctrl-t2", "lctrl-t3", "rctrl-t1", "rctrl-t2", "rctrl-t3", "bctrl-c1", "bctrl-c2", "bctrl-c3", "lctrl-c1", "rctrl-c1" and "ctrl-exit". |