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