Section 6
#Icons
Icons
All platform icons have a prefix of pi and are house in the <i> element tag. Click the button below the icon to copy to clipboard.
<i class="pi-arrow-right"></i> produces:
Example:
Markup:
Markup
<iframe src="platform-icons.html" width="100%" height="5000px" style="border: none"></iframe>
Source:
sass/_icons.scss, line 1
Section 6.1
#Icons.setup
Setup
| source | default |
|---|---|
| artboard | 4" x 4" |
| stroke: main | 24pt |
| stroke: auxiliary* | 18pt |
| stroke: corner | .15" |
| stroke: join | round |
| NOTE: Rememeber to expand to outlines before committing. |
|---|
Source:
sass/_icons.scss, line 12
Section 6.2
#Icons.Sizing
Sizing
| class | size |
|---|---|
pi-sm |
75% |
pi-lg |
150% |
pi-xl |
2rem |
pi-xxl |
3rem |
Source:
sass/_icons.scss, line 27