-
Notifications
You must be signed in to change notification settings - Fork 0
/
_font-styles.scss
49 lines (41 loc) · 1.12 KB
/
_font-styles.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
/* ==========================================================================
#FONT STYLES
========================================================================== */
/*
Can't find what you're looking for?
For text-alignment & decoration see utilities/_type-setting.scss
For font colors see utilities/_color.scss
*/
/*
FONT-SIZE
Base:
fs = font-size
Modifiers:
0 = tiny
1 = small
2 = regular
3 = large
4 = x-large
*/
.fs0 { font-size: $font-size-tiny; }
.fs1 { font-size: $font-size-small; }
.fs2 { font-size: $font-size-regular; }
.fs3 { font-size: $font-size-large; }
.fs4 { font-size: $font-size-x-large; }
/*
FONT-WEIGHT
Base:
fw = font-weight
Modifiers:
-thin = thin
-reg = regular
-med = medium
-bold = bold
Docs:
!important tags here required for Font Awesome inheritance
You always want these applied when declared
*/
.fw-thin { font-weight: $font-weight-thin !important; }
.fw-reg { font-weight: $font-weight-regular !important; }
.fw-med { font-weight: $font-weight-medium !important; }
.fw-bold { font-weight: $font-weight-bold !important; }