characters

view source

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