bootswatch.less 4.55 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
48
49
		color: @grayLight;
		.placeholder(@grayLight);
		.box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
Thomas Park's avatar
Thomas Park committed
50

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

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

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

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

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

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

			&:hover {
				color: @white;
			}
		}

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

		.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;
			}
		}
98
	}
Thomas Park's avatar
Thomas Park committed
99
}
100

101
div.subnav {
Thomas Park's avatar
Thomas Park committed
102

103
	.nav > li > a {
104

Thomas Park's avatar
Thomas Park committed
105
		color: @textColor;
106

107
108
109
		&:hover {
			color: @linkColor;
		}
Thomas Park's avatar
Thomas Park committed
110
	}
Thomas Park's avatar
Thomas Park committed
111

112
	.nav > li.active > a {
113

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

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

121
	.nav > li.dropdown > .dropdown-toggle {
122
123
		background-color: transparent;
	}
Thomas Park's avatar
Thomas Park committed
124

125
	.nav > li.dropdown.open > .dropdown-toggle {
126

127
128
		border-left: 1px solid whiteSmoke;
		border-right: 1px solid #E5E5E5;
129
130
131
132
133
134
135
136
		color: @textColor;

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

Thomas Park's avatar
Thomas Park committed
137
138
139
// NAV
// -----------------------------------------------------

140
141
142
143
144
145
146
147
148
.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;
149
	}
Thomas Park's avatar
Thomas Park committed
150

151
152
153
	&:hover .caret {
		border-top: 4px solid @linkColorHover;
		border-top-color: @linkColorHover;
154
155
156
	}
}

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

160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
.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;
		}
	}

}

178
/*.btn {
Thomas Park's avatar
Thomas Park committed
179
	.buttonBackground(#F4F4F4, #ECECEC);
Thomas Park's avatar
Thomas Park committed
180
181
182
183
184
185
186
187
188
189
190
	color: @textColor;
	text-shadow: none;


	&:hover,
	&:active,
	&.active,
	&.disabled,
	&[disabled] {
		color: @grayDark;
	}
Thomas Park's avatar
Thomas Park committed
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
}

.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
213
214
.btn-inverse {
  .buttonBackground(lighten(@purple, 5%), @purple);
215
}*/
Thomas Park's avatar
Thomas Park committed
216

Thomas Park's avatar
Thomas Park committed
217
218
// TABLES
// -----------------------------------------------------
Thomas Park's avatar
Thomas Park committed
219

Thomas Park's avatar
Thomas Park committed
220
221
222
223
// FORMS
// -----------------------------------------------------

.control-group.warning {
Thomas Park's avatar
Thomas Park committed
224
	.formFieldState(#E29235, #E29235, @warningBackground);
Thomas Park's avatar
Thomas Park committed
225
}
Thomas Park's avatar
Thomas Park committed
226

Thomas Park's avatar
Thomas Park committed
227
.control-group.error {
Thomas Park's avatar
Thomas Park committed
228
	.formFieldState(#C00, #C00, @errorBackground);
Thomas Park's avatar
Thomas Park committed
229
}
Thomas Park's avatar
Thomas Park committed
230

Thomas Park's avatar
Thomas Park committed
231
.control-group.success {
Thomas Park's avatar
Thomas Park committed
232
	.formFieldState(#2BA949, #2BA949, @successBackground);
Thomas Park's avatar
Thomas Park committed
233
234
}

Thomas Park's avatar
Thomas Park committed
235
236
237
238
239
// DROPDOWNS
// -----------------------------------------------------

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

241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
.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
267
// MISC
Thomas Park's avatar
Thomas Park committed
268
269
// -----------------------------------------------------

270
271
272
.well {
	background-color: @grayLighter;
}
Thomas Park's avatar
Thomas Park committed
273
274
275
276

.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
277
278
279
280
}

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