less-rails-bootswatch 0.2.11 → 0.3.0
Sign up to get free protection for your applications and to get access to all the features.
- data/lib/less/rails/bootswatch/version.rb +1 -1
- data/vendor/frameworks/stylesheets/bootswatch/amelia/bootswatch.less +174 -61
- data/vendor/frameworks/stylesheets/bootswatch/amelia/variables.less +91 -18
- data/vendor/frameworks/stylesheets/bootswatch/cerulean/bootswatch.less +66 -27
- data/vendor/frameworks/stylesheets/bootswatch/cerulean/variables.less +93 -20
- data/vendor/frameworks/stylesheets/bootswatch/cyborg/bootswatch.less +134 -44
- data/vendor/frameworks/stylesheets/bootswatch/cyborg/variables.less +88 -15
- data/vendor/frameworks/stylesheets/bootswatch/default/variables.less +102 -29
- data/vendor/frameworks/stylesheets/bootswatch/journal/bootswatch.less +11 -2
- data/vendor/frameworks/stylesheets/bootswatch/journal/variables.less +88 -15
- data/vendor/frameworks/stylesheets/bootswatch/readable/bootswatch.less +79 -98
- data/vendor/frameworks/stylesheets/bootswatch/readable/variables.less +98 -25
- data/vendor/frameworks/stylesheets/bootswatch/simplex/bootswatch.less +87 -36
- data/vendor/frameworks/stylesheets/bootswatch/simplex/variables.less +97 -24
- data/vendor/frameworks/stylesheets/bootswatch/slate/bootswatch.less +104 -51
- data/vendor/frameworks/stylesheets/bootswatch/slate/variables.less +88 -15
- data/vendor/frameworks/stylesheets/bootswatch/spacelab/bootswatch.less +53 -33
- data/vendor/frameworks/stylesheets/bootswatch/spacelab/variables.less +92 -19
- data/vendor/frameworks/stylesheets/bootswatch/spruce/bootswatch.less +120 -69
- data/vendor/frameworks/stylesheets/bootswatch/spruce/variables.less +106 -33
- data/vendor/frameworks/stylesheets/bootswatch/superhero/bootswatch.less +66 -48
- data/vendor/frameworks/stylesheets/bootswatch/superhero/variables.less +87 -18
- data/vendor/frameworks/stylesheets/bootswatch/united/bootswatch.less +36 -21
- data/vendor/frameworks/stylesheets/bootswatch/united/variables.less +92 -19
- metadata +4 -4
@@ -1,6 +1,6 @@
|
|
1
1
|
// Bootswatch.less
|
2
2
|
// Swatch: United
|
3
|
-
// Version: 2.0
|
3
|
+
// Version: 2.1.0
|
4
4
|
// -----------------------------------------------------
|
5
5
|
|
6
6
|
// TYPOGRAPHY
|
@@ -14,22 +14,22 @@
|
|
14
14
|
.navbar {
|
15
15
|
|
16
16
|
.nav > li > a {
|
17
|
-
border-right: 1px solid
|
18
|
-
border-left: 1px solid
|
17
|
+
border-right: 1px solid rgba(0, 0, 0, 0.2);
|
18
|
+
border-left: 1px solid rgba(255, 255, 255, 0.1);
|
19
19
|
|
20
20
|
&:hover {
|
21
|
-
|
21
|
+
border-left: 1px solid rgba(0, 0, 0, 0.2);
|
22
22
|
}
|
23
23
|
}
|
24
24
|
|
25
|
-
.nav .active > a,
|
26
|
-
.nav .active > a:hover {
|
27
|
-
|
25
|
+
.nav > .active > a,
|
26
|
+
.nav > .active > a:hover {
|
27
|
+
border-left: 1px solid rgba(0, 0, 0, 0.2);
|
28
28
|
}
|
29
29
|
|
30
30
|
.divider-vertical {
|
31
31
|
background-color: inherit;
|
32
|
-
border-right:
|
32
|
+
border-right: 1px solid rgba(0, 0, 0, 0.2);
|
33
33
|
}
|
34
34
|
|
35
35
|
.navbar-text {
|
@@ -43,21 +43,29 @@
|
|
43
43
|
border: 1px solid darken(@navbarBackground, 15%);
|
44
44
|
}
|
45
45
|
|
46
|
-
.nav-collapse.collapse
|
47
|
-
color: @white;
|
48
|
-
border-left: 0px solid @orange;
|
49
|
-
border-right: 0px solid @orange;
|
46
|
+
.nav-collapse.collapse {
|
50
47
|
|
51
|
-
|
52
|
-
|
48
|
+
.nav li > a {
|
49
|
+
color: @white;
|
50
|
+
border-left: 0px solid @orange;
|
51
|
+
border-right: 0px solid @orange;
|
52
|
+
|
53
|
+
&:hover {
|
54
|
+
background-color: rgba(0, 0, 0, 0.3);
|
55
|
+
background-image: none;
|
56
|
+
}
|
53
57
|
}
|
54
|
-
}
|
55
58
|
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
59
|
+
.navbar-form,
|
60
|
+
.navbar-search {
|
61
|
+
border-top: 0px solid @orange;
|
62
|
+
border-bottom: 0px solid @orange;
|
63
|
+
.box-shadow(none);
|
64
|
+
}
|
65
|
+
|
66
|
+
.nav-header {
|
67
|
+
color: @grayLighter;
|
68
|
+
}
|
61
69
|
}
|
62
70
|
}
|
63
71
|
|
@@ -72,10 +80,17 @@
|
|
72
80
|
.buttonBackground(lighten(@yellow, 15%), @yellow);
|
73
81
|
}
|
74
82
|
|
75
|
-
//
|
83
|
+
// NAVIGATION
|
76
84
|
// -----------------------------------------------------
|
77
85
|
|
78
86
|
|
87
|
+
.nav-tabs .open .dropdown-toggle,
|
88
|
+
.nav-pills .open .dropdown-toggle,
|
89
|
+
.nav > li.dropdown.open.active > a:hover {
|
90
|
+
border-right: 1px solid #C03D14;
|
91
|
+
border-left: 1px solid #E6633A;
|
92
|
+
}
|
93
|
+
|
79
94
|
// MISC
|
80
95
|
// -----------------------------------------------------
|
81
96
|
|
@@ -1,10 +1,11 @@
|
|
1
|
-
//
|
2
|
-
// Variables
|
1
|
+
//
|
2
|
+
// Variables
|
3
3
|
// Swatch: United
|
4
|
-
// Version: 2.0
|
5
|
-
//
|
4
|
+
// Version: 2.1.0
|
5
|
+
// --------------------------------------------------
|
6
|
+
|
6
7
|
|
7
|
-
//
|
8
|
+
// Global values
|
8
9
|
// --------------------------------------------------
|
9
10
|
|
10
11
|
|
@@ -49,9 +50,9 @@
|
|
49
50
|
@serifFontFamily: Georgia, "Times New Roman", Times, serif;
|
50
51
|
@monoFontFamily: Menlo, Monaco, Consolas, "Courier New", monospace;
|
51
52
|
|
52
|
-
@baseFontSize:
|
53
|
+
@baseFontSize: 14px;
|
53
54
|
@baseFontFamily: @sansFontFamily;
|
54
|
-
@baseLineHeight:
|
55
|
+
@baseLineHeight: 20px;
|
55
56
|
@altFontFamily: @serifFontFamily;
|
56
57
|
|
57
58
|
@headingsFontFamily: inherit; // empty to use BS default, @baseFontFamily
|
@@ -104,12 +105,17 @@
|
|
104
105
|
// -------------------------
|
105
106
|
@dropdownBackground: @white;
|
106
107
|
@dropdownBorder: rgba(0,0,0,.2);
|
107
|
-
@dropdownLinkColor: @linkColor;
|
108
|
-
@dropdownLinkColorHover: @white;
|
109
|
-
@dropdownLinkBackgroundHover: @linkColor;
|
110
108
|
@dropdownDividerTop: #e5e5e5;
|
111
109
|
@dropdownDividerBottom: @white;
|
112
110
|
|
111
|
+
@dropdownLinkColor: @linkColor;
|
112
|
+
|
113
|
+
@dropdownLinkColorHover: @white;
|
114
|
+
@dropdownLinkBackgroundHover: @dropdownLinkBackgroundActive;
|
115
|
+
|
116
|
+
@dropdownLinkColorActive: @dropdownLinkColor;
|
117
|
+
@dropdownLinkBackgroundActive: @linkColor;
|
118
|
+
|
113
119
|
|
114
120
|
|
115
121
|
// COMPONENT VARIABLES
|
@@ -121,7 +127,7 @@
|
|
121
127
|
// Try to avoid customizing these :)
|
122
128
|
@zindexDropdown: 1000;
|
123
129
|
@zindexPopover: 1010;
|
124
|
-
@zindexTooltip:
|
130
|
+
@zindexTooltip: 1030;
|
125
131
|
@zindexFixedNavbar: 1030;
|
126
132
|
@zindexModalBackdrop: 1040;
|
127
133
|
@zindexModal: 1050;
|
@@ -143,25 +149,55 @@
|
|
143
149
|
@hrBorder: @grayLighter;
|
144
150
|
|
145
151
|
|
152
|
+
// Wells
|
153
|
+
// -------------------------
|
154
|
+
@wellBackground: #f5f5f5;
|
155
|
+
|
156
|
+
|
146
157
|
// Navbar
|
147
158
|
// -------------------------
|
159
|
+
@navbarCollapseWidth: 979px;
|
160
|
+
|
148
161
|
@navbarHeight: 40px;
|
149
162
|
@navbarBackground: @orange;
|
150
163
|
@navbarBackgroundHighlight: #CE4213;
|
164
|
+
@navbarBorder: darken(@navbarBackground, 5%);
|
151
165
|
|
152
166
|
@navbarText: @white;
|
153
167
|
@navbarLinkColor: @white;
|
154
168
|
@navbarLinkColorHover: @white;
|
155
169
|
@navbarLinkColorActive: @navbarLinkColorHover;
|
156
|
-
@navbarLinkBackgroundHover:
|
157
|
-
@navbarLinkBackgroundActive:
|
170
|
+
@navbarLinkBackgroundHover: rgba(0,0,0,.2);
|
171
|
+
@navbarLinkBackgroundActive: rgba(0,0,0,.2);
|
158
172
|
|
159
|
-
@navbarSearchBackground: lighten(@navbarBackground, 25%);
|
160
|
-
@navbarSearchBackgroundFocus: @white;
|
161
|
-
@navbarSearchBorder: darken(@navbarSearchBackground, 30%);
|
162
|
-
@navbarSearchPlaceholderColor: @white;
|
163
173
|
@navbarBrandColor: @navbarLinkColor;
|
164
174
|
|
175
|
+
// Inverted navbar
|
176
|
+
@navbarInverseBackground: @purple;
|
177
|
+
@navbarInverseBackgroundHighlight: lighten(@purple, 4%);
|
178
|
+
@navbarInverseBorder: darken(@navbarInverseBackground, 5%);
|
179
|
+
|
180
|
+
@navbarInverseText: @white;
|
181
|
+
@navbarInverseLinkColor: @white;
|
182
|
+
@navbarInverseLinkColorHover: @white;
|
183
|
+
@navbarInverseLinkColorActive: @navbarInverseLinkColorHover;
|
184
|
+
@navbarInverseLinkBackgroundHover: rgba(0,0,0,.2);
|
185
|
+
@navbarInverseLinkBackgroundActive: @navbarInverseBackground;
|
186
|
+
|
187
|
+
@navbarInverseSearchBackground: lighten(@navbarInverseBackground, 25%);
|
188
|
+
@navbarInverseSearchBackgroundFocus: @white;
|
189
|
+
@navbarInverseSearchBorder: @navbarInverseBackground;
|
190
|
+
@navbarInverseSearchPlaceholderColor: #eee;
|
191
|
+
|
192
|
+
@navbarInverseBrandColor: @navbarInverseLinkColor;
|
193
|
+
|
194
|
+
|
195
|
+
// Pagination
|
196
|
+
// -------------------------
|
197
|
+
@paginationBackground: #fff;
|
198
|
+
@paginationBorder: #ddd;
|
199
|
+
@paginationActiveBackground: #f5f5f5;
|
200
|
+
|
165
201
|
|
166
202
|
// Hero unit
|
167
203
|
// -------------------------
|
@@ -189,10 +225,28 @@
|
|
189
225
|
@infoBorder: darken(spin(@infoBackground, -10), 7%);
|
190
226
|
|
191
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
|
+
|
244
|
+
|
192
245
|
|
193
246
|
// GRID
|
194
247
|
// --------------------------------------------------
|
195
248
|
|
249
|
+
|
196
250
|
// Default 940px grid
|
197
251
|
// -------------------------
|
198
252
|
@gridColumns: 12;
|
@@ -200,7 +254,26 @@
|
|
200
254
|
@gridGutterWidth: 20px;
|
201
255
|
@gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
|
202
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
|
+
|
267
|
+
|
203
268
|
// Fluid grid
|
204
269
|
// -------------------------
|
205
|
-
@fluidGridColumnWidth:
|
206
|
-
@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);
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: less-rails-bootswatch
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.
|
4
|
+
version: 0.3.0
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2012-08-
|
12
|
+
date: 2012-08-24 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: less-rails-bootstrap
|
@@ -18,7 +18,7 @@ dependencies:
|
|
18
18
|
requirements:
|
19
19
|
- - ~>
|
20
20
|
- !ruby/object:Gem::Version
|
21
|
-
version: 2.0
|
21
|
+
version: 2.1.0
|
22
22
|
type: :runtime
|
23
23
|
prerelease: false
|
24
24
|
version_requirements: !ruby/object:Gem::Requirement
|
@@ -26,7 +26,7 @@ dependencies:
|
|
26
26
|
requirements:
|
27
27
|
- - ~>
|
28
28
|
- !ruby/object:Gem::Version
|
29
|
-
version: 2.0
|
29
|
+
version: 2.1.0
|
30
30
|
description: less-rails-bootswatch is straightforward Bootswatches integration with
|
31
31
|
Rails, works well with less-rails-bootstrap.
|
32
32
|
email:
|