-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path_variables.scss
84 lines (68 loc) · 4.28 KB
/
_variables.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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
//==============================================================================================
// VARIABLES
//----------------------------------------------------------------------------------------------
// Primary customization point for making expected modifications to the site.
//==============================================================================================
//----------------------------------------------------------------------------------------------
// BASE
//----------------------------------------------------------------------------------------------
// Colors
$black : #000000;
$white : #ffffff;
$gray-base : #666666;
$gray-darkest : darken($gray-base, 28.0%); // #222
$gray-darker : darken($gray-base, 20.0%); // #333
$gray-dark : darken($gray-base, 7.0%); // #555
$gray-light : lighten($gray-base, 7.0%); // #777
$gray-lighter : lighten($gray-base, 20.0%); // #999
$gray-lightest : lighten($gray-base, 53.0%); // #eee
$error-color : #ff0000;
// Typography
$font-family-sans-serif : "Helvetica Neue", Helvetica, Arial, sans-serif;
$font-family-serif : Georgia, "Times New Roman", Times, serif;
$font-family-monospace : Menlo, Monaco, Consolas, "Courier New", monospace;
$font-family-base : $font-family-sans-serif;
$font-size-base : 14px;
$font-size-large : ceil(($font-size-base * 1.25)); // ~18px
$font-size-small : ceil(($font-size-base * 0.85)); // ~12px
$font-size-h1 : floor(($font-size-base * 2.6)); // ~36px
$font-size-h2 : floor(($font-size-base * 2.15)); // ~30px
$font-size-h3 : ceil(($font-size-base * 1.7)); // ~24px
$font-size-h4 : ceil(($font-size-base * 1.25)); // ~18px
$font-size-h5 : $font-size-base;
$font-size-h6 : $font-size-small;
$font-weight-base : 400; // 'normal'
$font-weight-bold : 700; // 'bold'
$font-weight-semibold : 600;
$font-weight-light : 300;
$line-height-base : 1.428571429; // 20/14
$line-height-calculated : floor(($font-size-base * $line-height-base));
$heading-margin-top : 0.2rem;
$heading-margin-bottom : 0.5rem;
$font-smoothing : antialiased;
$text-rendering : optimizeLegibility;
$text-color : $gray-base;
$link-color : $error-color;
// Defaults
$body-bg : $white;
//----------------------------------------------------------------------------------------------
// COMPONENTS
//----------------------------------------------------------------------------------------------
//----------------------------------------------------------------------------------------------
// GLOBAL
//----------------------------------------------------------------------------------------------
//----------------------------------------------------------------------------------------------
// LAYOUT
//----------------------------------------------------------------------------------------------
//----------------------------------------------------------------------------------------------
// OVERRIDES
//----------------------------------------------------------------------------------------------
//----------------------------------------------------------------------------------------------
// THEMES
//----------------------------------------------------------------------------------------------
//----------------------------------------------------------------------------------------------
// VENDOR
//----------------------------------------------------------------------------------------------
//----------------------------------------------------------------------------------------------
// VIEWS
//----------------------------------------------------------------------------------------------