characters
view sourceA set of variables providing CSS-friendly Unicode character-codes for the kinds of typographic glyphs you may find yourself adding to your stylesheets as content
values.
- use-name
-
scut-characters
- type
- variables
Instead of looking them up every time, use a variable.
The names of these variables often correspond with HTML character entity references that you can use in your markup. For example, $scut-nbsp
is the same character as
in HTML.
Spaces
$scut-space
- space ("\0020")
$scut-nbsp
- non-breaking space ("\00a0")
Quotation Marks
$scut-quot
- "
- quotation mark ("\0022")
$scut-lsquo
- ‘
- left single curly quote ("\2018")
$scut-rsquo
- ’
- right single curly quote ("\2019")
$scut-ldquo
- “
- left double curly quote ("\201C")
$scut-rdquo
- ”
- right double curly quote ("\201D")
$scut-lsaquo
- ‹
- left single angle quote (guillemet) ("\2039")
$scut-rsaquo
- ›
- right single angle quote (guillemet) ("\203A")
$scut-laquo
- «
- left double angle quote (guillemet) ("\00ab")
$scut-raquo
- »
- right double angle quote (guillemet) ("\00bb")
Other Punctuation
$scut-mdash
- —
- em dash (mutton) ("\2014")
$scut-ndash
- –
- en dash (nut) ("\2013")
$scut-hyphen
- -
- hyphen ("\2010")
$scut-amp
- &
- ampersand ("\0026")
$scut-para
- ¶
- paragraph symbol (pilcrow) ("\00b6")
$scut-middot
- ·
- middot (interpunct, interpoint) ("\00b7")
$scut-bull
- •
- bullet ("\2022")
$scut-whibull
- ◦
- white bullet ("\25E6")
$scut-hellip
- …
- horizontal ellipsis ("\2026")
$scut-vellip
- ⋮
- vertical ellipsis ("\22EE")
$scut-midhellip
- ⋯
- midline horizontal ellipsis ("\22EF")
Various Symbols
$scut-gt
- >
- greater than ("\003e")
$scut-lt
- <
- less than ("\003c")
$scut-times
- ×
- times ("\00D7")
$scut-bigtimes
- ✕
- big times ("\2715")
$scut-checkmark
- ✓
- checkmark ("\2713")
$scut-sect
- §
- section sign (double S, hurricane, sectional symbol, the legal doughnut, signum sectiōnis) ("\00a7")
$scut-oslash
- Ø
- o-slash (slashed o) ("\00f8")
Shapes
$scut-utri
- ▲
- up-pointing triangle ("\25b2")
$scut-dtri
- ▼
- down-pointing triangle ("\25bc")
$scut-ltri
- ◀
- left-pointing triangle ("\25c0")
$scut-rtri
- ▶
- right-pointing triangle ("\25b6")
$scut-ustri
- ▴
- up-pointing small triangle ("\25b4")
$scut-dstri
- ▾
- down-pointing small triangle ("\25be")
$scut-lstri
- ◂
- left-pointing small triangle ("\25c2")
$scut-rstri
- ▸
- right-pointing small triangle ("\25b8")
$scut-diamond
- ◆
- diamond ("\25c6")
$scut-fisheye
- ◉
- fisheye ("\25c9")
$scut-bullseye
- ◎
- bullseye ("\25ce")
$scut-circle
- ●
- circle ("\25cf")
$scut-whitecircle
- ○
- white circle ("\25cb")
$scut-square
- ■
- square ("\25a0")
$scut-whitesquare
- □
- white square ("\25a1")
$scut-ssquare
- ▪
- small square ("\25aa")
$scut-swhitesquare
- ▫
- small white square ("\25ab")
Currency
$scut-currency
- ¤
- currency ("\00a4")
$scut-cent
- ¢
- cent ("\00a2")
$scut-dollar
- $
- dollar ("\0024")
$scut-pound
- £
- pound ("\00a3")
$scut-euro
- €
- euro ("\20ac")
$scut-yen
- ¥
- yen ("\00a5")
$scut-rupee
- ₹
- rupee ("\20B9")