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")