forked from massiveart/husky
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathvariables.scss
114 lines (88 loc) · 2.36 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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
//
// Variables
// --------------------------------------------------
// Overwrite fontawesome variables
// --------------------------------------------------
$fa-font-path: "fonts/fontawesome";
// Global values
// --------------------------------------------------
$dropdownBorderRadius: 3px;
$dropdownBorderRadiusSmall: 2px;
// Base Colors
// -------------------------
$black: #000;
$gray: #666;
$grayLight: #999;
$grayLighter: #ccc;
$grayLighter3: #BABABA;
$grayLighter2: #CACACA;
$grayLighterer: #ddd;
$grayLightMedium: #e4e4e4;
$grayLightMedium2: #e9e9e9;
$grayLightest2: #f6f6f6;
$grayLightest: #efefef;
$blueGray: #20272E;
$iconGray: #262626;
$grayDarkLighter: #3e3e3e;
$grayDark: #1e1e1e;
$navigationFooterGray: #878787;
$white:#fff;
$green: #5DC774;
$milkeyGreen: lighten($green, 25%);
$red: #EA524E;
$milkyRed: lighten($red, 25%);
$yellow: #F2D212;
$yellowWarning: #E8CE33;
$blue: #52B6CA;
$milkeyBlue: #74C4D4;
$milkeyBlue2: #ACDAE6;
// Base colors
// -------------------------
$baseColor: #333333;
$baseBackgroundColor: #f1f1f1;
// Accent colors
// -------------------------
$accentColor: $blue;
// Font Colors
// -------------------------
$baseFontColor: $black;
$highlightColor: $blue;
$infoColor: #E8CE33; // orange
$errorColor: #e60000; // red
$yellowHighlightColor: #FFFEB0; // light yellow
// Typography
// -------------------------
$sansFontFamily: Helvetica, Arial, sans-serif;
$bigFontSize: 16px;
$baseFontSize: 14px;
$smallFontSize: 12px;
$reallySmallFontSize: 10px;
$smallestFontSize: 9px;
$reallyBigFontSize: 24px;
$baseFontFamily: $sansFontFamily;
$baseLineHeight: 20px;
$headingsFontFamily: inherit;
$headingsFontWeight: normal;
$headingsColor: inherit;
// Componenet values
// --------------------------------------------------
$borderRadius: 3px;
$borderRadiusSmall: 2px;
// Form Elements
// -------------------------
$borderColor: $grayLighterer;
$inputBorderFocusColor: $grayLighterer;
$labelColor: $grayLight;
$labelChoiceColor: $black;
$inputHeight: 30px;
// Search bar
// -------------------------
$searchBarGray: rgba(255,255,255, 0.5);
// Navigation colors also used for the collection navigation component
// -------------------------------------------------------------------
$navigationBackgroundColor: #21272E;
$navigationHoverColor: #191D22;
// Overlay
// -------------------------
$overlayContainerWidth: 580px;
$overlayContainerWidthExtraWide: 700px;