bootswatch-rails 0.0.12 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/.gitignore +1 -0
- data/lib/bootswatch-rails/version.rb +1 -1
- data/vendor/assets/stylesheets/bootswatch/cerulean/_bootswatch.scss +2 -2
- data/vendor/assets/stylesheets/bootswatch/cyborg/_bootswatch.scss +5 -0
- data/vendor/assets/stylesheets/bootswatch/simplex/_bootswatch.scss +389 -42
- data/vendor/assets/stylesheets/bootswatch/simplex/_variables.scss +131 -48
- data/vendor/assets/stylesheets/bootswatch/spacelab/_bootswatch.scss +210 -85
- data/vendor/assets/stylesheets/bootswatch/spacelab/_variables.scss +138 -56
- data/vendor/assets/stylesheets/bootswatch/superhero/_bootswatch.scss +163 -131
- data/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss +15 -12
- metadata +4 -4
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
// Variables
|
|
1
|
+
// Variables
|
|
2
2
|
// Swatch: Simplex
|
|
3
|
-
// Version: 2.
|
|
4
|
-
//
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
// Version: 2.1.1
|
|
4
|
+
// --------------------------------------------------
|
|
7
5
|
|
|
8
|
-
//
|
|
6
|
+
// Global values
|
|
9
7
|
// --------------------------------------------------
|
|
10
8
|
|
|
11
9
|
|
|
@@ -22,40 +20,43 @@ $white: #fff;
|
|
|
22
20
|
|
|
23
21
|
// Accent colors
|
|
24
22
|
// -------------------------
|
|
25
|
-
$blue: #
|
|
23
|
+
$blue: #029ACF;
|
|
26
24
|
$blueDark: #043755;
|
|
27
25
|
$green: #3D9400;
|
|
28
|
-
$red: #
|
|
26
|
+
$red: #D9230F;
|
|
29
27
|
$yellow: #FFCA27;
|
|
30
|
-
$orange: #
|
|
28
|
+
$orange: #D9831F;
|
|
31
29
|
$pink: #ED2590;
|
|
32
30
|
$purple: #9B479F;
|
|
33
31
|
|
|
34
32
|
|
|
35
33
|
// Scaffolding
|
|
36
34
|
// -------------------------
|
|
37
|
-
$bodyBackground:
|
|
38
|
-
$textColor: $
|
|
35
|
+
$bodyBackground: #F7F7F7;
|
|
36
|
+
$textColor: $gray;
|
|
39
37
|
|
|
40
38
|
|
|
41
39
|
// Links
|
|
42
40
|
// -------------------------
|
|
43
|
-
$linkColor:
|
|
44
|
-
$linkColorHover:
|
|
41
|
+
$linkColor: $red;
|
|
42
|
+
$linkColorHover: $linkColor;
|
|
45
43
|
|
|
46
44
|
|
|
47
45
|
// Typography
|
|
48
46
|
// -------------------------
|
|
49
|
-
$
|
|
50
|
-
$
|
|
51
|
-
$
|
|
52
|
-
$altFontFamily: Georgia, "Times New Roman", Times, serif;
|
|
47
|
+
$sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
48
|
+
$serifFontFamily: Georgia, "Times New Roman", Times, serif;
|
|
49
|
+
$monoFontFamily: Menlo, Monaco, Consolas, "Courier New", monospace;
|
|
53
50
|
|
|
54
|
-
$
|
|
51
|
+
$baseFontSize: 14px;
|
|
52
|
+
$baseFontFamily: $sansFontFamily;
|
|
53
|
+
$baseLineHeight: 20px;
|
|
54
|
+
$altFontFamily: $serifFontFamily;
|
|
55
|
+
|
|
56
|
+
$headingsFontFamily: "Josefin Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; // empty to use BS default, $baseFontFamily
|
|
55
57
|
$headingsFontWeight: bold; // instead of browser default, bold
|
|
56
58
|
$headingsColor: inherit; // empty to use BS default, $textColor
|
|
57
59
|
|
|
58
|
-
|
|
59
60
|
// Tables
|
|
60
61
|
// -------------------------
|
|
61
62
|
$tableBackground: transparent; // overall background-color
|
|
@@ -63,27 +64,26 @@ $tableBackgroundAccent: #f9f9f9; // for striping
|
|
|
63
64
|
$tableBackgroundHover: #f5f5f5; // for hover
|
|
64
65
|
$tableBorder: #ddd; // table and cell border
|
|
65
66
|
|
|
66
|
-
|
|
67
67
|
// Buttons
|
|
68
68
|
// -------------------------
|
|
69
69
|
$btnBackground: $white;
|
|
70
70
|
$btnBackgroundHighlight: darken($white, 10%);
|
|
71
71
|
$btnBorder: darken($white, 20%);
|
|
72
72
|
|
|
73
|
-
$btnPrimaryBackground: $linkColor;
|
|
74
|
-
$btnPrimaryBackgroundHighlight:
|
|
73
|
+
$btnPrimaryBackground: lighten($linkColor, 5%);
|
|
74
|
+
$btnPrimaryBackgroundHighlight: $linkColor;
|
|
75
75
|
|
|
76
|
-
$btnInfoBackground: #5bc0de;
|
|
77
|
-
$btnInfoBackgroundHighlight: #
|
|
76
|
+
$btnInfoBackground: lighten(#5bc0de, 5%);
|
|
77
|
+
$btnInfoBackgroundHighlight: #5bc0de;
|
|
78
78
|
|
|
79
|
-
$btnSuccessBackground:
|
|
80
|
-
$btnSuccessBackgroundHighlight:
|
|
79
|
+
$btnSuccessBackground: lighten($green, 5%);
|
|
80
|
+
$btnSuccessBackgroundHighlight: $green;
|
|
81
81
|
|
|
82
|
-
$btnWarningBackground: lighten($
|
|
83
|
-
$btnWarningBackgroundHighlight: $
|
|
82
|
+
$btnWarningBackground: lighten($yellow, 5%);
|
|
83
|
+
$btnWarningBackgroundHighlight: $yellow;
|
|
84
84
|
|
|
85
|
-
$btnDangerBackground:
|
|
86
|
-
$btnDangerBackgroundHighlight:
|
|
85
|
+
$btnDangerBackground: lighten($red, 5%);
|
|
86
|
+
$btnDangerBackgroundHighlight: $red;
|
|
87
87
|
|
|
88
88
|
$btnInverseBackground: $gray;
|
|
89
89
|
$btnInverseBackgroundHighlight: $grayDarker;
|
|
@@ -93,17 +93,23 @@ $btnInverseBackgroundHighlight: $grayDarker;
|
|
|
93
93
|
// -------------------------
|
|
94
94
|
$inputBackground: $white;
|
|
95
95
|
$inputBorder: #ccc;
|
|
96
|
+
$inputBorderRadius: 0;
|
|
96
97
|
$inputDisabledBackground: $grayLighter;
|
|
97
|
-
|
|
98
|
+
$formActionsBackground: #f5f5f5;
|
|
98
99
|
|
|
99
100
|
// Dropdowns
|
|
100
101
|
// -------------------------
|
|
101
102
|
$dropdownBackground: $white;
|
|
102
103
|
$dropdownBorder: rgba(0,0,0,.2);
|
|
103
|
-
$
|
|
104
|
-
$
|
|
105
|
-
$dropdownLinkBackgroundHover: $linkColor;
|
|
104
|
+
$dropdownDividerTop: #e5e5e5;
|
|
105
|
+
$dropdownDividerBottom: $white;
|
|
106
106
|
|
|
107
|
+
$dropdownLinkColor: $textColor;
|
|
108
|
+
$dropdownLinkColorHover: $textColor;
|
|
109
|
+
$dropdownLinkColorActive: $dropdownLinkColor;
|
|
110
|
+
|
|
111
|
+
$dropdownLinkBackgroundActive: $linkColor;
|
|
112
|
+
$dropdownLinkBackgroundHover: #FBEBE9;
|
|
107
113
|
|
|
108
114
|
|
|
109
115
|
|
|
@@ -116,12 +122,18 @@ $dropdownLinkBackgroundHover: $linkColor;
|
|
|
116
122
|
// Try to avoid customizing these :)
|
|
117
123
|
$zindexDropdown: 1000;
|
|
118
124
|
$zindexPopover: 1010;
|
|
119
|
-
$zindexTooltip:
|
|
125
|
+
$zindexTooltip: 1030;
|
|
120
126
|
$zindexFixedNavbar: 1030;
|
|
121
127
|
$zindexModalBackdrop: 1040;
|
|
122
128
|
$zindexModal: 1050;
|
|
123
129
|
|
|
124
130
|
|
|
131
|
+
// Sprite icons path
|
|
132
|
+
// -------------------------
|
|
133
|
+
$iconSpritePath: "../img/glyphicons-halflings.png";
|
|
134
|
+
$iconWhiteSpritePath: "../img/glyphicons-halflings-white.png";
|
|
135
|
+
|
|
136
|
+
|
|
125
137
|
// Input placeholder text color
|
|
126
138
|
// -------------------------
|
|
127
139
|
$placeholderText: $grayLight;
|
|
@@ -132,23 +144,59 @@ $placeholderText: $grayLight;
|
|
|
132
144
|
$hrBorder: $grayLighter;
|
|
133
145
|
|
|
134
146
|
|
|
147
|
+
// Horizontal forms & lists
|
|
148
|
+
// -------------------------
|
|
149
|
+
$horizontalComponentOffset: 180px;
|
|
150
|
+
|
|
151
|
+
|
|
152
|
+
// Wells
|
|
153
|
+
// -------------------------
|
|
154
|
+
$wellBackground: $white;
|
|
155
|
+
|
|
156
|
+
|
|
135
157
|
// Navbar
|
|
136
158
|
// -------------------------
|
|
137
|
-
$
|
|
138
|
-
$navbarBackground: $grayDarker;
|
|
139
|
-
$navbarBackgroundHighlight: $grayDarker;
|
|
159
|
+
$navbarCollapseWidth: 979px;
|
|
140
160
|
|
|
141
|
-
$
|
|
142
|
-
$
|
|
143
|
-
$
|
|
144
|
-
$
|
|
161
|
+
$navbarHeight: 40px;
|
|
162
|
+
$navbarBackground: #fefefe;
|
|
163
|
+
$navbarBackgroundHighlight: $navbarBackground;
|
|
164
|
+
$navbarBorder: darken($navbarBackground, 12%);
|
|
165
|
+
|
|
166
|
+
$navbarText: $gray;
|
|
167
|
+
$navbarLinkColor: $gray;
|
|
168
|
+
$navbarLinkColorHover: $linkColor;
|
|
169
|
+
$navbarLinkColorActive: $linkColor;
|
|
145
170
|
$navbarLinkBackgroundHover: transparent;
|
|
146
171
|
$navbarLinkBackgroundActive: $navbarBackground;
|
|
147
172
|
|
|
148
|
-
$
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
$
|
|
173
|
+
$navbarBrandColor: $headingsColor;
|
|
174
|
+
|
|
175
|
+
// Inverted navbar
|
|
176
|
+
$navbarInverseBackground: $red;
|
|
177
|
+
$navbarInverseBackgroundHighlight: lighten($red, 6%);
|
|
178
|
+
$navbarInverseBorder: lighten($navbarInverseBackground, 8%);
|
|
179
|
+
|
|
180
|
+
$navbarInverseText: $white;
|
|
181
|
+
$navbarInverseLinkColor: $white;
|
|
182
|
+
$navbarInverseLinkColorHover: $white;
|
|
183
|
+
$navbarInverseLinkColorActive: $navbarInverseLinkColorHover;
|
|
184
|
+
$navbarInverseLinkBackgroundHover: transparent;
|
|
185
|
+
$navbarInverseLinkBackgroundActive: $navbarInverseBackground;
|
|
186
|
+
|
|
187
|
+
$navbarInverseSearchBackground: lighten($navbarInverseBackground, 25%);
|
|
188
|
+
$navbarInverseSearchBackgroundFocus: $white;
|
|
189
|
+
$navbarInverseSearchBorder: $navbarInverseBackground;
|
|
190
|
+
$navbarInverseSearchPlaceholderColor: $white;
|
|
191
|
+
|
|
192
|
+
$navbarInverseBrandColor: $navbarInverseLinkColor;
|
|
193
|
+
|
|
194
|
+
|
|
195
|
+
// Pagination
|
|
196
|
+
// -------------------------
|
|
197
|
+
$paginationBackground: #fff;
|
|
198
|
+
$paginationBorder: #ddd;
|
|
199
|
+
$paginationActiveBackground: #FBEBE9;
|
|
152
200
|
|
|
153
201
|
|
|
154
202
|
// Hero unit
|
|
@@ -177,11 +225,28 @@ $infoBackground: #d9edf7;
|
|
|
177
225
|
$infoBorder: darken(adjust-hue($infoBackground, -10), 7%);
|
|
178
226
|
|
|
179
227
|
|
|
228
|
+
// Tooltips and popovers
|
|
229
|
+
// -------------------------
|
|
230
|
+
$tooltipColor: #fff;
|
|
231
|
+
$tooltipBackground: #000;
|
|
232
|
+
$tooltipArrowWidth: 5px;
|
|
233
|
+
$tooltipArrowColor: $tooltipBackground;
|
|
234
|
+
|
|
235
|
+
$popoverBackground: #fff;
|
|
236
|
+
$popoverArrowWidth: 10px;
|
|
237
|
+
$popoverArrowColor: #fff;
|
|
238
|
+
$popoverTitleBackground: darken($popoverBackground, 3%);
|
|
239
|
+
|
|
240
|
+
// Special enhancement for popovers
|
|
241
|
+
$popoverArrowOuterWidth: $popoverArrowWidth + 1;
|
|
242
|
+
$popoverArrowOuterColor: rgba(0,0,0,.25);
|
|
243
|
+
|
|
180
244
|
|
|
181
245
|
|
|
182
246
|
// GRID
|
|
183
247
|
// --------------------------------------------------
|
|
184
248
|
|
|
249
|
+
|
|
185
250
|
// Default 940px grid
|
|
186
251
|
// -------------------------
|
|
187
252
|
$gridColumns: 12;
|
|
@@ -189,8 +254,26 @@ $gridColumnWidth: 60px;
|
|
|
189
254
|
$gridGutterWidth: 20px;
|
|
190
255
|
$gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1));
|
|
191
256
|
|
|
257
|
+
// 1200px min
|
|
258
|
+
$gridColumnWidth1200: 70px;
|
|
259
|
+
$gridGutterWidth1200: 30px;
|
|
260
|
+
$gridRowWidth1200: ($gridColumns * $gridColumnWidth1200) + ($gridGutterWidth1200 * ($gridColumns - 1));
|
|
261
|
+
|
|
262
|
+
// 768px-979px
|
|
263
|
+
$gridColumnWidth768: 42px;
|
|
264
|
+
$gridGutterWidth768: 20px;
|
|
265
|
+
$gridRowWidth768: ($gridColumns * $gridColumnWidth768) + ($gridGutterWidth768 * ($gridColumns - 1));
|
|
266
|
+
|
|
192
267
|
|
|
193
268
|
// Fluid grid
|
|
194
269
|
// -------------------------
|
|
195
|
-
$fluidGridColumnWidth:
|
|
196
|
-
$fluidGridGutterWidth:
|
|
270
|
+
$fluidGridColumnWidth: percentage($gridColumnWidth/$gridRowWidth);
|
|
271
|
+
$fluidGridGutterWidth: percentage($gridGutterWidth/$gridRowWidth);
|
|
272
|
+
|
|
273
|
+
// 1200px min
|
|
274
|
+
$fluidGridColumnWidth1200: percentage($gridColumnWidth1200/$gridRowWidth1200);
|
|
275
|
+
$fluidGridGutterWidth1200: percentage($gridGutterWidth1200/$gridRowWidth1200);
|
|
276
|
+
|
|
277
|
+
// 768px-979px
|
|
278
|
+
$fluidGridColumnWidth768: percentage($gridColumnWidth768/$gridRowWidth768);
|
|
279
|
+
$fluidGridGutterWidth768: percentage($gridGutterWidth768/$gridRowWidth768);
|
|
@@ -1,169 +1,294 @@
|
|
|
1
|
+
// Bootswatch.less
|
|
1
2
|
// Swatch: Spacelab
|
|
2
|
-
// Version: 2.
|
|
3
|
+
// Version: 2.1.1
|
|
4
|
+
// -----------------------------------------------------
|
|
5
|
+
|
|
6
|
+
// TYPOGRAPHY
|
|
7
|
+
// -----------------------------------------------------
|
|
8
|
+
|
|
9
|
+
@import url('http://fonts.googleapis.com/css?family=Muli');
|
|
10
|
+
|
|
11
|
+
// SCAFFOLDING
|
|
3
12
|
// -----------------------------------------------------
|
|
4
13
|
|
|
5
14
|
// NAVBAR
|
|
6
15
|
// -----------------------------------------------------
|
|
7
16
|
|
|
8
|
-
// navbar style
|
|
9
17
|
.navbar {
|
|
10
|
-
|
|
18
|
+
|
|
19
|
+
.navbar-inner {
|
|
20
|
+
border-bottom: 1px solid #CACACA;
|
|
21
|
+
@include box-shadow(0 1px 0 rgba(255,255,255,0.4));
|
|
22
|
+
}
|
|
11
23
|
|
|
12
24
|
.brand {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
color: $textColor;
|
|
25
|
+
|
|
26
|
+
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
|
|
16
27
|
|
|
17
28
|
&:hover {
|
|
18
29
|
color: $linkColor;
|
|
19
30
|
}
|
|
20
31
|
}
|
|
21
|
-
}
|
|
22
32
|
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
}
|
|
33
|
+
.nav > li > a {
|
|
34
|
+
padding: 11px 10px 9px;
|
|
35
|
+
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
|
|
36
|
+
}
|
|
28
37
|
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
}
|
|
38
|
+
.navbar-text {
|
|
39
|
+
margin-top: 2px;
|
|
40
|
+
padding: 0 10px;
|
|
41
|
+
line-height: 38px;
|
|
42
|
+
}
|
|
34
43
|
|
|
35
|
-
.navbar .
|
|
36
|
-
|
|
37
|
-
|
|
44
|
+
.navbar-search .search-query,
|
|
45
|
+
.navbar-search .search-query:hover {
|
|
46
|
+
margin-bottom: 0;
|
|
47
|
+
line-height: normal;
|
|
48
|
+
color: $grayLight;
|
|
49
|
+
@include placeholder($grayLight);
|
|
50
|
+
@include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
|
|
38
51
|
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
52
|
+
&:focus,
|
|
53
|
+
&.focused {
|
|
54
|
+
@include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
|
|
55
|
+
color: $textColor;
|
|
56
|
+
}
|
|
42
57
|
}
|
|
43
58
|
}
|
|
44
59
|
|
|
45
|
-
.navbar
|
|
46
|
-
.
|
|
47
|
-
|
|
48
|
-
}
|
|
60
|
+
.navbar-inverse {
|
|
61
|
+
.brand {
|
|
62
|
+
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
|
|
49
63
|
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
}
|
|
64
|
+
&:hover {
|
|
65
|
+
color: $white;
|
|
66
|
+
}
|
|
67
|
+
}
|
|
54
68
|
|
|
55
|
-
.nav
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
}
|
|
69
|
+
.nav > li > a {
|
|
70
|
+
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
|
|
71
|
+
}
|
|
59
72
|
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
73
|
+
.nav li.dropdown.open > .dropdown-toggle .caret,
|
|
74
|
+
.nav li.dropdown:hover > .dropdown-toggle .caret,
|
|
75
|
+
.nav li.dropdown.open:hover > .dropdown-toggle .caret {
|
|
76
|
+
border-top-color: $white;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.navbar-search .search-query,
|
|
80
|
+
.navbar-search .search-query:hover {
|
|
63
81
|
|
|
64
|
-
|
|
65
|
-
|
|
82
|
+
color: $white;
|
|
83
|
+
|
|
84
|
+
@include placeholder($grayLighter);
|
|
66
85
|
}
|
|
67
86
|
}
|
|
68
87
|
|
|
69
|
-
|
|
70
|
-
color: $textColor;
|
|
88
|
+
@media (max-width: $navbarCollapseWidth) {
|
|
71
89
|
|
|
72
|
-
|
|
73
|
-
|
|
90
|
+
.navbar .nav-collapse {
|
|
91
|
+
|
|
92
|
+
.nav li > a:hover {
|
|
93
|
+
background-color: $linkColor;
|
|
94
|
+
color: $white;
|
|
95
|
+
text-shadow: none;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.navbar-search {
|
|
99
|
+
border-top: none;
|
|
100
|
+
border-bottom: none;
|
|
101
|
+
}
|
|
74
102
|
}
|
|
75
|
-
}
|
|
76
103
|
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
104
|
+
.navbar-inverse .nav-collapse {
|
|
105
|
+
|
|
106
|
+
.nav li > a {
|
|
107
|
+
color: $grayLighter;
|
|
108
|
+
|
|
109
|
+
&:hover {
|
|
110
|
+
background-color: $linkColor !important;
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.nav-header {
|
|
115
|
+
color: $grayLighter;
|
|
116
|
+
}
|
|
117
|
+
}
|
|
80
118
|
}
|
|
81
119
|
|
|
82
|
-
.
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
color: $grayLight;
|
|
86
|
-
@include placeholder($grayLight);
|
|
87
|
-
@include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
|
|
120
|
+
div.subnav {
|
|
121
|
+
|
|
122
|
+
.nav > li > a {
|
|
88
123
|
|
|
89
|
-
&:focus,
|
|
90
|
-
&.focused {
|
|
91
|
-
@include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
|
|
92
124
|
color: $textColor;
|
|
125
|
+
|
|
126
|
+
&:hover {
|
|
127
|
+
color: $linkColor;
|
|
128
|
+
}
|
|
93
129
|
}
|
|
94
|
-
}
|
|
95
130
|
|
|
96
|
-
.
|
|
131
|
+
.nav > li.active > a {
|
|
97
132
|
|
|
98
|
-
|
|
133
|
+
color: $textColor;
|
|
99
134
|
|
|
100
|
-
|
|
101
|
-
|
|
135
|
+
&:hover {
|
|
136
|
+
color: $textColor;
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
.nav > li.dropdown > .dropdown-toggle {
|
|
141
|
+
background-color: transparent;
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
.nav > li.dropdown.open > .dropdown-toggle {
|
|
145
|
+
|
|
146
|
+
border-left: 1px solid whiteSmoke;
|
|
147
|
+
border-right: 1px solid #E5E5E5;
|
|
148
|
+
color: $textColor;
|
|
149
|
+
|
|
150
|
+
&:hover {
|
|
151
|
+
color: $linkColor;
|
|
152
|
+
}
|
|
102
153
|
}
|
|
103
154
|
}
|
|
104
155
|
|
|
156
|
+
// NAV
|
|
157
|
+
// -----------------------------------------------------
|
|
105
158
|
|
|
106
|
-
.
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
159
|
+
.nav > li.dropdown > .dropdown-toggle,
|
|
160
|
+
.nav > li.dropdown.active > .dropdown-toggle,
|
|
161
|
+
.nav > li.dropdown.open > .dropdown-toggle,
|
|
162
|
+
.nav > li.dropdown.open.active > .dropdown-toggle {
|
|
110
163
|
|
|
111
164
|
.caret {
|
|
112
|
-
border-top
|
|
165
|
+
border-top: 4px solid $textColor;
|
|
166
|
+
border-top-color: $textColor;
|
|
167
|
+
opacity: 1;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
&:hover .caret {
|
|
171
|
+
border-top: 4px solid $linkColorHover;
|
|
172
|
+
border-top-color: $linkColorHover;
|
|
113
173
|
}
|
|
114
174
|
}
|
|
115
175
|
|
|
116
|
-
//
|
|
176
|
+
// BUTTONS
|
|
117
177
|
// -----------------------------------------------------
|
|
118
178
|
|
|
119
|
-
.btn {
|
|
120
|
-
|
|
179
|
+
.btn-info {
|
|
180
|
+
&:hover,
|
|
181
|
+
&.disabled {
|
|
182
|
+
|
|
183
|
+
color: $textColor;
|
|
184
|
+
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
|
|
185
|
+
|
|
186
|
+
.caret {
|
|
187
|
+
border-top-color: $textColor;
|
|
188
|
+
border-bottom-color: $textColor;
|
|
189
|
+
}
|
|
190
|
+
}
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
/*.btn {
|
|
194
|
+
.buttonBackground(#F4F4F4, #ECECEC);
|
|
195
|
+
color: $textColor;
|
|
196
|
+
text-shadow: none;
|
|
197
|
+
|
|
198
|
+
|
|
199
|
+
&:hover,
|
|
200
|
+
&:active,
|
|
201
|
+
&.active,
|
|
202
|
+
&.disabled,
|
|
203
|
+
&[disabled] {
|
|
204
|
+
color: $grayDark;
|
|
205
|
+
}
|
|
121
206
|
}
|
|
122
207
|
|
|
123
208
|
.btn-primary {
|
|
124
|
-
|
|
209
|
+
.buttonBackground(#909090, #3F3F3F);
|
|
125
210
|
}
|
|
126
211
|
|
|
127
212
|
.btn-warning {
|
|
128
|
-
|
|
213
|
+
.buttonBackground(adjust-hue($yellow, 15%), $yellow);
|
|
129
214
|
}
|
|
130
215
|
|
|
131
216
|
.btn-danger {
|
|
132
|
-
|
|
217
|
+
.buttonBackground(adjust-hue(#DA2D2D, 15%), #DA2D2D);
|
|
133
218
|
}
|
|
134
219
|
|
|
135
220
|
.btn-success {
|
|
136
|
-
|
|
221
|
+
.buttonBackground(#8ADD6D, #60B044);
|
|
137
222
|
}
|
|
138
223
|
|
|
139
224
|
.btn-info {
|
|
140
|
-
|
|
225
|
+
.buttonBackground(adjust-hue(#4488BB, 15%), #4488BB);
|
|
141
226
|
}
|
|
142
227
|
|
|
143
228
|
.btn-inverse {
|
|
144
|
-
|
|
145
|
-
}
|
|
229
|
+
.buttonBackground(adjust-hue($purple, 5%), $purple);
|
|
230
|
+
}*/
|
|
231
|
+
|
|
232
|
+
// TABLES
|
|
233
|
+
// -----------------------------------------------------
|
|
146
234
|
|
|
147
235
|
// FORMS
|
|
148
236
|
// -----------------------------------------------------
|
|
149
237
|
|
|
150
238
|
.control-group.warning {
|
|
151
|
-
|
|
239
|
+
@include formFieldState(#E29235, #E29235, $warningBackground);
|
|
152
240
|
}
|
|
153
241
|
|
|
154
242
|
.control-group.error {
|
|
155
|
-
|
|
243
|
+
@include formFieldState(#C00, #C00, $errorBackground);
|
|
156
244
|
}
|
|
157
245
|
|
|
158
246
|
.control-group.success {
|
|
159
|
-
|
|
247
|
+
@include formFieldState(#2BA949, #2BA949, $successBackground);
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
// DROPDOWNS
|
|
251
|
+
// -----------------------------------------------------
|
|
252
|
+
|
|
253
|
+
// ALERTS, LABELS, BADGES
|
|
254
|
+
// -----------------------------------------------------
|
|
255
|
+
|
|
256
|
+
.alert {
|
|
257
|
+
color: $white;
|
|
258
|
+
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
160
259
|
}
|
|
161
260
|
|
|
261
|
+
.label, .badge {
|
|
262
|
+
padding-top: 4px;
|
|
162
263
|
|
|
163
|
-
|
|
264
|
+
}
|
|
265
|
+
.label-important, .badge-important{
|
|
266
|
+
background-color: $red;
|
|
267
|
+
}
|
|
268
|
+
|
|
269
|
+
.label-warning, .badge-warning {
|
|
270
|
+
background-color: $orange;
|
|
271
|
+
}
|
|
272
|
+
|
|
273
|
+
.label-success, .badge-success {
|
|
274
|
+
background-color: $green;
|
|
275
|
+
}
|
|
276
|
+
|
|
277
|
+
.label-info, .badge-info {
|
|
278
|
+
background-color: $blue;
|
|
279
|
+
}
|
|
280
|
+
|
|
281
|
+
// MISC
|
|
164
282
|
// -----------------------------------------------------
|
|
165
283
|
|
|
166
|
-
.
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
284
|
+
.well {
|
|
285
|
+
background-color: $grayLighter;
|
|
286
|
+
}
|
|
287
|
+
|
|
288
|
+
.hero-unit {
|
|
289
|
+
@include box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
|
|
290
|
+
border: 1px solid rgba(0,0,0,.05);
|
|
291
|
+
}
|
|
292
|
+
|
|
293
|
+
// MEDIA QUERIES
|
|
294
|
+
// -----------------------------------------------------
|