bootswatch.less 4.69 KB
Newer Older
Thomas Park's avatar
Thomas Park committed
1
2
// Bootswatch.less
// Swatch: Spacelab
Thomas Park's avatar
Thomas Park committed
3
// Version: 2.1.0
Thomas Park's avatar
Thomas Park committed
4
5
// -----------------------------------------------------

Thomas Park's avatar
Thomas Park committed
6
7
8
// TYPOGRAPHY
// -----------------------------------------------------

9
10
@import url('http://fonts.googleapis.com/css?family=Muli');

Thomas Park's avatar
Thomas Park committed
11
12
13
// SCAFFOLDING
// -----------------------------------------------------

Thomas Park's avatar
Thomas Park committed
14
15
16
17
// NAVBAR
// -----------------------------------------------------

.navbar {
Thomas Park's avatar
Thomas Park committed
18

19
	.navbar-inner {
20
		border-bottom: 1px solid #CACACA;
21
22
		.box-shadow(0 1px 0 rgba(255,255,255,0.4)~", "0 0 10px rgba(0,0,0,0.1));
	}
Thomas Park's avatar
Thomas Park committed
23

Thomas Park's avatar
Thomas Park committed
24
	.brand {
25
26

		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
Thomas Park's avatar
Thomas Park committed
27

Thomas Park's avatar
Thomas Park committed
28
29
30
31
		&:hover {
			color: @linkColor;
		}
	}
Thomas Park's avatar
Thomas Park committed
32

Thomas Park's avatar
Thomas Park committed
33
34
	.nav > li > a {
		padding: 11px 10px 9px;
35
		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
36
	}
Thomas Park's avatar
Thomas Park committed
37

38
39
40
41
	.navbar-text {
		margin-top: 2px;
		padding: 0 10px;
		line-height: 38px;
Thomas Park's avatar
Thomas Park committed
42
	}
Thomas Park's avatar
Thomas Park committed
43

44
45
	.navbar-search .search-query,
	.navbar-search .search-query:hover {
46
		margin-bottom: 0;
47
		line-height: normal;
48
49
50
		color: @grayLight;
		.placeholder(@grayLight);
		.box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
Thomas Park's avatar
Thomas Park committed
51

52
53
54
55
56
57
	    &:focus,
	    &.focused {
			.box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
			color: @textColor;
		}
	}
Thomas Park's avatar
Thomas Park committed
58

Thomas Park's avatar
Thomas Park committed
59
	.nav-collapse.collapse {
Thomas Park's avatar
Thomas Park committed
60

Thomas Park's avatar
Thomas Park committed
61
62
63
64
		.navbar-search {
			border-top: none;
			border-bottom: none;
		}
Thomas Park's avatar
Thomas Park committed
65

Thomas Park's avatar
Thomas Park committed
66
67
68
69
70
		& > .nav li > a:hover {
			background-color: @linkColor;
			color: @white;
			text-shadow: none;
		}
Thomas Park's avatar
Thomas Park committed
71
	}
72

Thomas Park's avatar
Thomas Park committed
73
	&-inverse {
74

Thomas Park's avatar
Thomas Park committed
75
		.brand {
76
			text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
Thomas Park's avatar
Thomas Park committed
77
78
79
80
81
82
83

			&:hover {
				color: @white;
			}
		}

		.nav > li > a {
84
			text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
Thomas Park's avatar
Thomas Park committed
85
86
87
88
89
90
91
92
93
94
95
96
97
98
		}

		.nav li.dropdown.open > .dropdown-toggle .caret,
		.nav li.dropdown:hover > .dropdown-toggle .caret,
		.nav li.dropdown.open:hover > .dropdown-toggle .caret {
			border-top-color: @white;
		}

		.nav-collapse.collapse {
			.nav li > a,
			.nav-header {
				color: @grayLighter;
			}
		}
99
100
101
102
103
104
105
106

		.navbar-search .search-query,
		.navbar-search .search-query:hover {

			color: @white;

			.placeholder(@grayLighter);
		}
107
	}
Thomas Park's avatar
Thomas Park committed
108
}
109

110
div.subnav {
Thomas Park's avatar
Thomas Park committed
111

112
	.nav > li > a {
113

Thomas Park's avatar
Thomas Park committed
114
		color: @textColor;
115

116
117
118
		&:hover {
			color: @linkColor;
		}
Thomas Park's avatar
Thomas Park committed
119
	}
Thomas Park's avatar
Thomas Park committed
120

121
	.nav > li.active > a {
122

123
		color: @textColor;
Thomas Park's avatar
Thomas Park committed
124

125
		&:hover {
126
			color: @textColor;
127
128
		}
	}
Thomas Park's avatar
Thomas Park committed
129

130
	.nav > li.dropdown > .dropdown-toggle {
131
132
		background-color: transparent;
	}
Thomas Park's avatar
Thomas Park committed
133

134
	.nav > li.dropdown.open > .dropdown-toggle {
135

136
137
		border-left: 1px solid whiteSmoke;
		border-right: 1px solid #E5E5E5;
138
139
140
141
142
143
144
145
		color: @textColor;

		&:hover {
			color: @linkColor;
		}
	}
}

Thomas Park's avatar
Thomas Park committed
146
147
148
// NAV
// -----------------------------------------------------

149
150
151
152
153
154
155
156
157
.nav > li.dropdown > .dropdown-toggle,
.nav > li.dropdown.active > .dropdown-toggle,
.nav > li.dropdown.open > .dropdown-toggle,
.nav > li.dropdown.open.active > .dropdown-toggle  {

	.caret {
		border-top: 4px solid @textColor;
		border-top-color: @textColor;
		opacity: 1;
158
	}
Thomas Park's avatar
Thomas Park committed
159

160
161
162
	&:hover .caret {
		border-top: 4px solid @linkColorHover;
		border-top-color: @linkColorHover;
163
164
165
	}
}

Thomas Park's avatar
Thomas Park committed
166
// BUTTONS
Thomas Park's avatar
Thomas Park committed
167
168
// -----------------------------------------------------

169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
.btn {


	&-info,
	&-info:hover,
	&-info.disabled {
		
		color: @textColor;
		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);

		.caret {
			border-top-color: @textColor;
			border-bottom-color: @textColor;
		}
	}

}

187
/*.btn {
Thomas Park's avatar
Thomas Park committed
188
	.buttonBackground(#F4F4F4, #ECECEC);
Thomas Park's avatar
Thomas Park committed
189
190
191
192
193
194
195
196
197
198
199
	color: @textColor;
	text-shadow: none;


	&:hover,
	&:active,
	&.active,
	&.disabled,
	&[disabled] {
		color: @grayDark;
	}
Thomas Park's avatar
Thomas Park committed
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
}

.btn-primary {
	.buttonBackground(#909090, #3F3F3F);
}

.btn-warning {
  .buttonBackground(lighten(@yellow, 15%), @yellow);
}

.btn-danger {
  .buttonBackground(lighten(#DA2D2D, 15%), #DA2D2D);
}

.btn-success {
  .buttonBackground(#8ADD6D, #60B044);
}

.btn-info {
  .buttonBackground(lighten(#4488BB, 15%), #4488BB);
}

Thomas Park's avatar
Thomas Park committed
222
223
.btn-inverse {
  .buttonBackground(lighten(@purple, 5%), @purple);
224
}*/
Thomas Park's avatar
Thomas Park committed
225

Thomas Park's avatar
Thomas Park committed
226
227
// TABLES
// -----------------------------------------------------
Thomas Park's avatar
Thomas Park committed
228

Thomas Park's avatar
Thomas Park committed
229
230
231
232
// FORMS
// -----------------------------------------------------

.control-group.warning {
Thomas Park's avatar
Thomas Park committed
233
	.formFieldState(#E29235, #E29235, @warningBackground);
Thomas Park's avatar
Thomas Park committed
234
}
Thomas Park's avatar
Thomas Park committed
235

Thomas Park's avatar
Thomas Park committed
236
.control-group.error {
Thomas Park's avatar
Thomas Park committed
237
	.formFieldState(#C00, #C00, @errorBackground);
Thomas Park's avatar
Thomas Park committed
238
}
Thomas Park's avatar
Thomas Park committed
239

Thomas Park's avatar
Thomas Park committed
240
.control-group.success {
Thomas Park's avatar
Thomas Park committed
241
	.formFieldState(#2BA949, #2BA949, @successBackground);
Thomas Park's avatar
Thomas Park committed
242
243
}

Thomas Park's avatar
Thomas Park committed
244
245
246
247
248
// DROPDOWNS
// -----------------------------------------------------

// ALERTS, LABELS, BADGES
// -----------------------------------------------------
Thomas Park's avatar
Thomas Park committed
249

250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
.alert {
	color: @white;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.label, .badge {

	padding-top: 4px;

	&-important {
		background-color: @red;
	}

	&-warning {
		background-color: @orange;
	}

	&-success {
		background-color: @green;
	}

	&-info {
		background-color: @blue;
	}
}

Thomas Park's avatar
Thomas Park committed
276
// MISC
Thomas Park's avatar
Thomas Park committed
277
278
// -----------------------------------------------------

279
280
281
.well {
	background-color: @grayLighter;
}
Thomas Park's avatar
Thomas Park committed
282
283
284
285

.hero-unit {
    .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
    border: 1px solid rgba(0,0,0,.05);
Thomas Park's avatar
Thomas Park committed
286
287
288
289
}

// MEDIA QUERIES
// -----------------------------------------------------