bootswatch.less 4.8 KB
Newer Older
Thomas Park's avatar
Thomas Park committed
1
2
// Spacelab 2.2.1
// Bootswatch
Thomas Park's avatar
Thomas Park committed
3
4
// -----------------------------------------------------

Thomas Park's avatar
Thomas Park committed
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
	&-inverse {
60

Thomas Park's avatar
Thomas Park committed
61
		.brand {
62
			text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
Thomas Park's avatar
Thomas Park committed
63
64
65
66
67
68
69

			&:hover {
				color: @white;
			}
		}

		.nav > li > a {
70
			text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
Thomas Park's avatar
Thomas Park committed
71
72
73
74
75
76
77
78
		}

		.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;
		}

79
80
81
82
83
84
85
		.navbar-search .search-query,
		.navbar-search .search-query:hover {

			color: @white;

			.placeholder(@grayLighter);
		}
86
	}
Thomas Park's avatar
Thomas Park committed
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
115
116
117
118
119
120
@media (max-width: @navbarCollapseWidth) {

	.navbar .nav-collapse {

		.nav li > a:hover {
			background-color: @linkColor;
			color: @white;
			text-shadow: none;
		}

		.navbar-search {
			border-top: none;
			border-bottom: none;
		}
	}

	.navbar-inverse .nav-collapse {

		.nav li > a {
			color: @grayLighter;

			&:hover {
				background-color: @linkColor !important;
			}
		}

		.nav-header {
			color: @grayLighter;
		}
	}
}

121
div.subnav {
Thomas Park's avatar
Thomas Park committed
122

123
	.nav > li > a {
124

Thomas Park's avatar
Thomas Park committed
125
		color: @textColor;
126

127
128
129
		&:hover {
			color: @linkColor;
		}
Thomas Park's avatar
Thomas Park committed
130
	}
Thomas Park's avatar
Thomas Park committed
131

132
	.nav > li.active > a {
133

134
		color: @textColor;
Thomas Park's avatar
Thomas Park committed
135

136
		&:hover {
137
			color: @textColor;
138
139
		}
	}
Thomas Park's avatar
Thomas Park committed
140

141
	.nav > li.dropdown > .dropdown-toggle {
142
143
		background-color: transparent;
	}
Thomas Park's avatar
Thomas Park committed
144

145
	.nav > li.dropdown.open > .dropdown-toggle {
146

147
148
		border-left: 1px solid whiteSmoke;
		border-right: 1px solid #E5E5E5;
149
150
151
152
153
154
155
156
		color: @textColor;

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

Thomas Park's avatar
Thomas Park committed
157
158
159
// NAV
// -----------------------------------------------------

160
161
162
163
164
165
166
167
168
.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;
169
	}
Thomas Park's avatar
Thomas Park committed
170

171
172
173
	&:hover .caret {
		border-top: 4px solid @linkColorHover;
		border-top-color: @linkColorHover;
174
175
176
	}
}

Thomas Park's avatar
Thomas Park committed
177
// BUTTONS
Thomas Park's avatar
Thomas Park committed
178
179
// -----------------------------------------------------

180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
.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;
		}
	}

}

198
/*.btn {
Thomas Park's avatar
Thomas Park committed
199
	.buttonBackground(#F4F4F4, #ECECEC);
Thomas Park's avatar
Thomas Park committed
200
201
202
203
204
205
206
207
208
209
210
	color: @textColor;
	text-shadow: none;


	&:hover,
	&:active,
	&.active,
	&.disabled,
	&[disabled] {
		color: @grayDark;
	}
Thomas Park's avatar
Thomas Park committed
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
}

.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
233
234
.btn-inverse {
  .buttonBackground(lighten(@purple, 5%), @purple);
235
}*/
Thomas Park's avatar
Thomas Park committed
236

Thomas Park's avatar
Thomas Park committed
237
238
// TABLES
// -----------------------------------------------------
Thomas Park's avatar
Thomas Park committed
239

Thomas Park's avatar
Thomas Park committed
240
241
242
243
// FORMS
// -----------------------------------------------------

.control-group.warning {
Thomas Park's avatar
Thomas Park committed
244
	.formFieldState(#E29235, #E29235, @warningBackground);
Thomas Park's avatar
Thomas Park committed
245
}
Thomas Park's avatar
Thomas Park committed
246

Thomas Park's avatar
Thomas Park committed
247
.control-group.error {
Thomas Park's avatar
Thomas Park committed
248
	.formFieldState(#C00, #C00, @errorBackground);
Thomas Park's avatar
Thomas Park committed
249
}
Thomas Park's avatar
Thomas Park committed
250

Thomas Park's avatar
Thomas Park committed
251
.control-group.success {
Thomas Park's avatar
Thomas Park committed
252
	.formFieldState(#2BA949, #2BA949, @successBackground);
Thomas Park's avatar
Thomas Park committed
253
254
}

Thomas Park's avatar
Thomas Park committed
255
256
257
258
259
// DROPDOWNS
// -----------------------------------------------------

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

261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
.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
287
// MISC
Thomas Park's avatar
Thomas Park committed
288
289
// -----------------------------------------------------

290
291
292
.well {
	background-color: @grayLighter;
}
Thomas Park's avatar
Thomas Park committed
293
294
295
296

.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
297
298
299
300
}

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