site.variables
2.52 KB
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
/*******************************
Site Settings
*******************************/
/*-------------------
Paths
--------------------*/
@imagePath : "../../themes/default/assets/images";
@fontPath : "../../themes/default/assets/fonts";
/*-------------------
Fonts
--------------------*/
@headerFont : "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
@pageFont : "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
@fontSmoothing : antialiased;
/*-------------------
Site Colors
--------------------*/
/*--- Colors ---*/
@blue : #0074D9;
@green : #2ECC40;
@orange : #FF851B;
@pink : #D9499A;
@purple : #A24096;
@red : #FF4136;
@teal : #39CCCC;
@yellow : #FFCB08;
@black : #191919;
@grey : #CCCCCC;
@white : #FFFFFF;
/*--- Light Colors ---*/
@lightBlue : #54C8FF;
@lightGreen : #2ECC40;
@lightOrange : #FF851B;
@lightPink : #FF8EDF;
@lightPurple : #CDC6FF;
@lightRed : #FF695E;
@lightTeal : #6DFFFF;
@lightYellow : #FFE21F;
@primaryColor : @blue;
@secondaryColor : @black;
/*-------------------
Page
--------------------*/
@bodyBackground : #FCFCFC;
@fontSize : 14px;
@textColor : rgba(0, 0, 0, 0.8);
@headerMargin : 1em 0em 1rem;
@paragraphMargin : 0em 0em 1em;
@linkColor : #009FDA;
@linkUnderline : none;
@linkHoverColor : lighten( @linkColor, 5);
@linkHoverUnderline : @linkUnderline;
@highlightBackground : #FFFFCC;
@highlightColor : @textColor;
/*-------------------
Background Colors
--------------------*/
@subtleTransparentBlack : rgba(0, 0, 0, 0.03);
@transparentBlack : rgba(0, 0, 0, 0.05);
@strongTransparentBlack : rgba(0, 0, 0, 0.10);
@subtleTransparentWhite : rgba(255, 255, 255, 0.01);
@transparentWhite : rgba(255, 255, 255, 0.05);
@strongTransparentWhite : rgba(255, 255, 255, 0.01);
/* Used for differentiating neutrals */
@subtleGradient: linear-gradient(transparent, rgba(0, 0, 0, 0.05));
/* Used for differentiating layers */
@subtleShadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
/*-------------------
Grid
--------------------*/
@columnCount: 16;
/*-------------------
Breakpoints
--------------------*/
@mobileBreakpoint : 320px;
@tabletBreakpoint : 768px;
@computerBreakpoint : 992px;
@largeMonitorBreakpoint : 1400px;
@widescreenMonitorBreakpoint : 1900px;