bootswatch.less 4.15 KB
Newer Older
Thomas Park's avatar
Thomas Park committed
1
// Spacelab 2.2.2
Thomas Park's avatar
Thomas Park committed
2
// 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
@import url('//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700');
10

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
		.box-shadow(0 1px 0 rgba(255,255,255,0.4)~", "0 1px 0 rgba(0,0,0,0.8));
21
	}
Thomas Park's avatar
Thomas Park committed
22

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

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

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

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

37
	.navbar-text {
38
39
		padding: 11px 10px 8px;
		line-height: inherit;
Thomas Park's avatar
Thomas Park committed
40
	}
Thomas Park's avatar
Thomas Park committed
41

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

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

Thomas Park's avatar
Thomas Park committed
57
	&-inverse {
58

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

			&:hover {
				color: @white;
			}
		}

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

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

77
78
79
80
81
82
83
		.navbar-search .search-query,
		.navbar-search .search-query:hover {

			color: @white;

			.placeholder(@grayLighter);
		}
84
	}
Thomas Park's avatar
Thomas Park committed
85
}
86

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

119
div.subnav {
Thomas Park's avatar
Thomas Park committed
120

121
	.nav > li > a {
122

123
		color: @navbarLinkColor;
124

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

130
	.nav > li.active > a {
131

132
		color: @textColor;
Thomas Park's avatar
Thomas Park committed
133

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

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

143
	.nav > li.dropdown.open > .dropdown-toggle {
144

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

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

Thomas Park's avatar
Thomas Park committed
155
156
157
// NAV
// -----------------------------------------------------

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

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

Thomas Park's avatar
Thomas Park committed
175
// BUTTONS
Thomas Park's avatar
Thomas Park committed
176
177
// -----------------------------------------------------

Thomas Park's avatar
Thomas Park committed
178
179
// TABLES
// -----------------------------------------------------
Thomas Park's avatar
Thomas Park committed
180

Thomas Park's avatar
Thomas Park committed
181
182
183
184
// FORMS
// -----------------------------------------------------

.control-group.warning {
Thomas Park's avatar
Thomas Park committed
185
	.formFieldState(#E29235, #E29235, @warningBackground);
Thomas Park's avatar
Thomas Park committed
186
}
Thomas Park's avatar
Thomas Park committed
187

Thomas Park's avatar
Thomas Park committed
188
.control-group.error {
Thomas Park's avatar
Thomas Park committed
189
	.formFieldState(#C00, #C00, @errorBackground);
Thomas Park's avatar
Thomas Park committed
190
}
Thomas Park's avatar
Thomas Park committed
191

Thomas Park's avatar
Thomas Park committed
192
.control-group.success {
Thomas Park's avatar
Thomas Park committed
193
	.formFieldState(#2BA949, #2BA949, @successBackground);
Thomas Park's avatar
Thomas Park committed
194
195
}

Thomas Park's avatar
Thomas Park committed
196
197
198
199
200
// DROPDOWNS
// -----------------------------------------------------

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

202
.alert {
203
	
204
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
205
206
207
208
209
210

	h1, h2, h3, h4, h5, h6 {
		color: @white;
		font-weight: bold;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	}
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
}

.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
234
// MISC
Thomas Park's avatar
Thomas Park committed
235
236
// -----------------------------------------------------

237
.well {
238
	.box-shadow(inset 1px 1px 0 rgba(0,0,0,.1));
239
}
Thomas Park's avatar
Thomas Park committed
240
241

.hero-unit {
242
243
	.box-shadow(inset 1px 1px 0 rgba(0,0,0,.1));
	border: 1px solid rgba(0,0,0,.1);
Thomas Park's avatar
Thomas Park committed
244
245
246
247
}

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