1 | 1 |
new file mode 100644 |
... | ... |
@@ -0,0 +1,171 @@ |
1 |
+--- |
|
2 |
+--- |
|
3 |
+// SITE VARIABLES |
|
4 |
+// -------------- |
|
5 |
+ |
|
6 |
+// Blues |
|
7 |
+@blue-darker: #003366; |
|
8 |
+@blue-dark: #005f9b; // Pantone 3015 C |
|
9 |
+@blue: #009add; // Pantone 2925 C |
|
10 |
+@blue-light: #b8dcf2; |
|
11 |
+@blue-lighter: #f0f9ff; |
|
12 |
+ |
|
13 |
+// Greens |
|
14 |
+@green-darker: #41683b; |
|
15 |
+@green-dark: #678943; |
|
16 |
+@green: #95bf52; |
|
17 |
+@green-light: #ddefbd; |
|
18 |
+@green-lighter: #f3f9e8; |
|
19 |
+ |
|
20 |
+// Reds |
|
21 |
+@red-darker: #702222; |
|
22 |
+@red-dark: #ba4a4a; |
|
23 |
+@red: #dd7373; |
|
24 |
+@red-light: #f2adb1; |
|
25 |
+@red-lighter: #fff0f0; |
|
26 |
+ |
|
27 |
+// Yellows |
|
28 |
+@yellow-darker: #6f4215; |
|
29 |
+@yellow-dark: #db8400; |
|
30 |
+@yellow: #f9e27d; |
|
31 |
+@yellow-light: #fff5bd; |
|
32 |
+@yellow-lighter: #fffcee; |
|
33 |
+ |
|
34 |
+// Oranges |
|
35 |
+@orange-darker: #8c3900; |
|
36 |
+@orange-dark: #cc5d11; |
|
37 |
+@orange: #f4914e; |
|
38 |
+@orange-light: #ffd0a6; |
|
39 |
+@orange-lighter: #fff4e6; |
|
40 |
+ |
|
41 |
+// Purples |
|
42 |
+@purple-darker: #4a226d; |
|
43 |
+@purple-dark: #7457ad; |
|
44 |
+@purple: #9780d6; |
|
45 |
+@purple-light: #c3b8f4; |
|
46 |
+@purple-lighter: #fbf5ff; |
|
47 |
+ |
|
48 |
+@fa-green: #1d9d74; |
|
49 |
+@fa-green-dark: darken(@fa-green, 10%); |
|
50 |
+ |
|
51 |
+@jumbotron-border: mix(@fa-green, @fa-green-dark, 75%); |
|
52 |
+@font-family-alt: proxima-nova-sc, "Helvetica Neue", Helvetica, Arial, sans-serif; |
|
53 |
+ |
|
54 |
+ |
|
55 |
+// BOOTSTRAP OVERRIDES |
|
56 |
+// ------------------- |
|
57 |
+ |
|
58 |
+// Brand colors |
|
59 |
+@brand-success: @fa-green; |
|
60 |
+ |
|
61 |
+ |
|
62 |
+// Links |
|
63 |
+@link-color: lighten(@fa-green, 5%); |
|
64 |
+@link-hover-color: darken(@fa-green, 5%); |
|
65 |
+ |
|
66 |
+ |
|
67 |
+// Typography |
|
68 |
+@font-family-sans-serif: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; |
|
69 |
+@font-family-serif: museo-slab, Georgia, "Times New Roman", Times, serif; |
|
70 |
+@headings-font-family: @font-family-serif; |
|
71 |
+ |
|
72 |
+ |
|
73 |
+// Components |
|
74 |
+@component-active-bg: @fa-green; |
|
75 |
+ |
|
76 |
+ |
|
77 |
+// Labels |
|
78 |
+@label-brand-bg: @fa-green; |
|
79 |
+@label-dark-bg: @gray-dark; |
|
80 |
+ |
|
81 |
+// Navbar |
|
82 |
+@navbar-height: 40px; |
|
83 |
+@navbar-inverse-brand-color: #fff; |
|
84 |
+ |
|
85 |
+// Reset inverted navbar basics |
|
86 |
+@navbar-inverse-color: mix(@fa-green, #fff, 50%); |
|
87 |
+@navbar-inverse-bg: @fa-green; |
|
88 |
+@navbar-inverse-border: @jumbotron-border; |
|
89 |
+ |
|
90 |
+// Inverted navbar links |
|
91 |
+@navbar-inverse-link-color: mix(@fa-green, #fff, 35%); |
|
92 |
+@navbar-inverse-link-hover-color: #fff; |
|
93 |
+@navbar-inverse-link-active-bg: @navbar-inverse-border; |
|
94 |
+ |
|
95 |
+// Inverted navbar toggle |
|
96 |
+@navbar-inverse-toggle-hover-bg: @jumbotron-color; |
|
97 |
+@navbar-inverse-toggle-border-color: mix(@jumbotron-color, @fa-green, 75%); |
|
98 |
+ |
|
99 |
+ |
|
100 |
+// Jumbotron |
|
101 |
+@jumbotron-color: #fff; |
|
102 |
+@jumbotron-bg: @fa-green; |
|
103 |
+ |
|
104 |
+ |
|
105 |
+// Form states and alerts |
|
106 |
+@state-success-text: @fa-green; |
|
107 |
+@state-success-bg: mix(@fa-green, #fff, 6%); |
|
108 |
+@state-success-border: darken(spin(@state-success-bg, -10), 5%); |
|
109 |
+ |
|
110 |
+@state-info-text: mix(@blue-dark, @blue, 50%); |
|
111 |
+@state-info-bg: @blue-lighter; |
|
112 |
+@state-info-border: darken(spin(@state-info-bg, -10), 7%); |
|
113 |
+ |
|
114 |
+ @state-danger-text: @brand-danger; |
|
115 |
+@state-danger-bg: mix(@state-danger-text,#fff,10%); |
|
116 |
+@state-danger-border: darken(spin(@state-danger-bg, -10), 5%); |
|
117 |
+ |
|
118 |
+ |
|
119 |
+// Carousel |
|
120 |
+@carousel-text-shadow: 0 1px 0 rgba(255,255,255,0.25); |
|
121 |
+ |
|
122 |
+@carousel-control-color: @fa-green-dark; |
|
123 |
+@carousel-control-font-size: 30px; |
|
124 |
+ |
|
125 |
+ |
|
126 |
+// Code |
|
127 |
+@pre-border-color: #eee; |
|
128 |
+ |
|
129 |
+ |
|
130 |
+// Sections |
|
131 |
+@section-emphasized-bg: #fff; |
|
132 |
+ |
|
133 |
+//== Type |
|
134 |
+//** Text muted color |
|
135 |
+@text-muted: mix(@gray-light,@gray-lighter,50%); |
|
136 |
+ |
|
137 |
+ |
|
138 |
+@alert-well-bg: @panel-default-heading-bg; |
|
139 |
+@alert-well-text: @text-color; |
|
140 |
+@alert-well-border: @panel-default-border; |
|
141 |
+ |
|
142 |
+@alert-default-bg: transparent; |
|
143 |
+@alert-default-text: @text-color; |
|
144 |
+@alert-default-border: mix(#fff,@panel-default-border,40%); |
|
145 |
+ |
|
146 |
+ |
|
147 |
+ |
|
148 |
+ |
|
149 |
+//@panel-default-text: @gray-dark; |
|
150 |
+//@panel-default-border: @panel-default-heading-bg; |
|
151 |
+//@panel-default-heading-bg: #f5f5f5; |
|
152 |
+ |
|
153 |
+@panel-primary-text: #fff; |
|
154 |
+@panel-primary-border: mix(#fff,@brand-primary,50%); |
|
155 |
+@panel-primary-heading-bg: @brand-primary; |
|
156 |
+ |
|
157 |
+@panel-success-text: #fff; |
|
158 |
+@panel-success-border: mix(#fff,@brand-success,50%); |
|
159 |
+@panel-success-heading-bg: @brand-success; |
|
160 |
+ |
|
161 |
+@panel-info-text: #fff; |
|
162 |
+@panel-info-border: mix(#fff,@brand-info,50%); |
|
163 |
+@panel-info-heading-bg: @brand-info; |
|
164 |
+ |
|
165 |
+@panel-warning-text: #fff; |
|
166 |
+@panel-warning-border: mix(#fff,@brand-warning,50%); |
|
167 |
+@panel-warning-heading-bg: @brand-warning; |
|
168 |
+ |
|
169 |
+@panel-danger-text: #fff; |
|
170 |
+@panel-danger-border: mix(#fff,@brand-danger,50%); |
|
171 |
+@panel-danger-heading-bg: @brand-danger; |