bootswatch.less 4.34 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
/*.btn {
Thomas Park's avatar
Thomas Park committed
161
	.buttonBackground(#F4F4F4, #ECECEC);
Thomas Park's avatar
Thomas Park committed
162
163
164
165
166
167
168
169
170
171
172
	color: @textColor;
	text-shadow: none;


	&:hover,
	&:active,
	&.active,
	&.disabled,
	&[disabled] {
		color: @grayDark;
	}
Thomas Park's avatar
Thomas Park committed
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
}

.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
195
196
.btn-inverse {
  .buttonBackground(lighten(@purple, 5%), @purple);
197
}*/
Thomas Park's avatar
Thomas Park committed
198

Thomas Park's avatar
Thomas Park committed
199
200
// TABLES
// -----------------------------------------------------
Thomas Park's avatar
Thomas Park committed
201

Thomas Park's avatar
Thomas Park committed
202
203
204
205
// FORMS
// -----------------------------------------------------

.control-group.warning {
Thomas Park's avatar
Thomas Park committed
206
	.formFieldState(#E29235, #E29235, @warningBackground);
Thomas Park's avatar
Thomas Park committed
207
}
Thomas Park's avatar
Thomas Park committed
208

Thomas Park's avatar
Thomas Park committed
209
.control-group.error {
Thomas Park's avatar
Thomas Park committed
210
	.formFieldState(#C00, #C00, @errorBackground);
Thomas Park's avatar
Thomas Park committed
211
}
Thomas Park's avatar
Thomas Park committed
212

Thomas Park's avatar
Thomas Park committed
213
.control-group.success {
Thomas Park's avatar
Thomas Park committed
214
	.formFieldState(#2BA949, #2BA949, @successBackground);
Thomas Park's avatar
Thomas Park committed
215
216
}

Thomas Park's avatar
Thomas Park committed
217
218
219
220
221
// DROPDOWNS
// -----------------------------------------------------

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

223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
.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
249
// MISC
Thomas Park's avatar
Thomas Park committed
250
251
// -----------------------------------------------------

252
253
254
.well {
	background-color: @grayLighter;
}
Thomas Park's avatar
Thomas Park committed
255
256
257
258

.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
259
260
261
262
}

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