less-rails-bootswatch 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (33) hide show
  1. data/Gemfile +3 -0
  2. data/Gemfile.lock +72 -0
  3. data/LICENSE +22 -0
  4. data/LICENSE-bootswatch +13 -0
  5. data/README.md +29 -0
  6. data/Rakefile +47 -0
  7. data/lib/less/rails/bootswatch/engine.rb +9 -0
  8. data/lib/less/rails/bootswatch/version.rb +7 -0
  9. data/lib/less/rails/bootswatch.rb +2 -0
  10. data/vendor/assets/stylesheets/bootswatch/amelia/bootswatch.less +600 -0
  11. data/vendor/assets/stylesheets/bootswatch/amelia/variables.less +203 -0
  12. data/vendor/assets/stylesheets/bootswatch/cerulean/bootswatch.less +97 -0
  13. data/vendor/assets/stylesheets/bootswatch/cerulean/variables.less +203 -0
  14. data/vendor/assets/stylesheets/bootswatch/cyborg/bootswatch.less +473 -0
  15. data/vendor/assets/stylesheets/bootswatch/cyborg/variables.less +203 -0
  16. data/vendor/assets/stylesheets/bootswatch/default/variables.less +201 -0
  17. data/vendor/assets/stylesheets/bootswatch/journal/bootswatch.less +159 -0
  18. data/vendor/assets/stylesheets/bootswatch/journal/variables.less +203 -0
  19. data/vendor/assets/stylesheets/bootswatch/readable/bootswatch.less +452 -0
  20. data/vendor/assets/stylesheets/bootswatch/readable/variables.less +203 -0
  21. data/vendor/assets/stylesheets/bootswatch/simplex/bootswatch.less +276 -0
  22. data/vendor/assets/stylesheets/bootswatch/simplex/variables.less +203 -0
  23. data/vendor/assets/stylesheets/bootswatch/slate/bootswatch.less +417 -0
  24. data/vendor/assets/stylesheets/bootswatch/slate/variables.less +203 -0
  25. data/vendor/assets/stylesheets/bootswatch/spacelab/bootswatch.less +175 -0
  26. data/vendor/assets/stylesheets/bootswatch/spacelab/variables.less +203 -0
  27. data/vendor/assets/stylesheets/bootswatch/spruce/bootswatch.less +503 -0
  28. data/vendor/assets/stylesheets/bootswatch/spruce/variables.less +203 -0
  29. data/vendor/assets/stylesheets/bootswatch/superhero/bootswatch.less +625 -0
  30. data/vendor/assets/stylesheets/bootswatch/superhero/variables.less +203 -0
  31. data/vendor/assets/stylesheets/bootswatch/united/bootswatch.less +97 -0
  32. data/vendor/assets/stylesheets/bootswatch/united/variables.less +203 -0
  33. metadata +90 -0
@@ -0,0 +1,276 @@
1
+ // Bootswatch.less
2
+ // Swatch: Simplex
3
+ // Version: 2.0.2
4
+ // -----------------------------------------------------
5
+
6
+ @boxShadow: 0 1px 1px rgba(0, 0, 0, 0.3);
7
+
8
+ // TYPOGRAPHY
9
+ // -----------------------------------------------------
10
+
11
+ h6, .hero-unit h1 {
12
+ color: @headingsColor;
13
+ }
14
+
15
+ // NAVBAR
16
+ // -----------------------------------------------------
17
+
18
+ .navbar .navbar-inner {
19
+ .box-shadow(inset 0 -1px #CFCACA);
20
+ border-bottom: 1px solid #FFF;
21
+ border-bottom: none;
22
+ }
23
+
24
+ .navbar .brand {
25
+ padding-top: 10px;
26
+ color: @headingsColor;
27
+ }
28
+
29
+ .navbar .nav > li > a {
30
+ padding-top: 14px;
31
+ text-shadow: none;
32
+ font-weight: normal;
33
+ font-size: 11px;
34
+ }
35
+
36
+ .navbar .nav > li > a:hover {
37
+ text-decoration: underline;
38
+ }
39
+
40
+ .navbar .nav .active > a,
41
+ .navbar .nav .active > a:hover {
42
+ background-color: transparent;
43
+ }
44
+
45
+ .navbar .nav .dropdown-toggle .caret,
46
+ .navbar .nav .open.dropdown .caret {
47
+ border-top-color: @textColor;
48
+ }
49
+
50
+ .dropdown.open .dropdown-toggle {
51
+ color: @headingsColor;
52
+ }
53
+
54
+ div.subnav {
55
+ background-image: none;
56
+ background-color: @navbarBackground;
57
+ border-bottom: 1px solid transparent;
58
+ .box-shadow(@boxShadow);
59
+ }
60
+
61
+ div.subnav.subnav-fixed {
62
+ .box-shadow(inset 0 5px #fff~"," @boxShadow);
63
+ }
64
+
65
+ div.subnav .nav > li > a {
66
+ padding-top: 12px;
67
+ color: @navbarText;
68
+ font-weight: normal;
69
+ font-size: 11px;
70
+
71
+ &:hover {
72
+ text-decoration: underline;
73
+ }
74
+ }
75
+
76
+ .dropdown-menu {
77
+ .border-radius(0);
78
+ font-size: 11px;
79
+ }
80
+
81
+ .nav .nav-header {
82
+ font-weight: normal;
83
+ text-transform: none;
84
+ }
85
+ .navbar .nav-collapse.in .nav li > a {
86
+ color: @headingsColor;
87
+ font-weight: normal;
88
+ }
89
+
90
+ .navbar .nav-collapse.in .nav li > a:hover {
91
+ background-color: transparent;
92
+ color: @black;
93
+ text-decoration: underline;
94
+ }
95
+
96
+ @media (max-width: 979px) {
97
+ form.navbar-form, form.navbar-search {
98
+ border-top: 1px solid #ccc;
99
+ border-bottom: 1px solid #ccc;
100
+ }
101
+ }
102
+
103
+ // NAV
104
+ // -----------------------------------------------------
105
+
106
+ .nav > li > a {
107
+ font-size: 11px;
108
+ border-width: 1px;
109
+ }
110
+
111
+ .nav-tabs > li > a,
112
+ .nav-tabs > li > a:hover,
113
+ .tabbable > .nav-tabs > li > a,
114
+ .tabbable > .nav-tabs > li > a:hover {
115
+ background-color: darken(@bodyBackground, 3%);
116
+ border: 1px solid #ccc;
117
+ }
118
+
119
+ .tabbable > .nav-tabs > li.active > a {
120
+ border-bottom: 1px solid transparent;
121
+ }
122
+
123
+ .tabbable.tabs-below > .nav-tabs > li.active > a,
124
+ .tabbable.tabs-left > .nav-tabs > li.active > a,
125
+ .tabbable.tabs-right > .nav-tabs > li.active > a {
126
+ border-bottom: 1px solid #ccc;
127
+ }
128
+
129
+
130
+ .nav-pills > li > a:hover {
131
+ background-color: transparent;
132
+ }
133
+
134
+ .nav-tabs > li.active > a,
135
+ .nav-tabs > li.active > a:hover {
136
+ background-color: @bodyBackground;
137
+ }
138
+
139
+
140
+ // FORMS
141
+ // -----------------------------------------------------
142
+
143
+ input, textarea, select, .uneditable-input {
144
+ .border-radius(0);
145
+ }
146
+
147
+ .navbar-search .search-query {
148
+ border: 1px solid #CCC;
149
+ .border-radius(0);
150
+ background-color: @bodyBackground;
151
+ color: @gray;
152
+ }
153
+
154
+ .help-inline, .help-block {
155
+ font-size: 11px;
156
+ }
157
+
158
+ .input-prepend input,
159
+ .input-append input,
160
+ .input-prepend select,
161
+ .input-append select,
162
+ .input-prepend .uneditable-input,
163
+ .input-append .uneditable-input {
164
+ .border-radius(0);
165
+ }
166
+
167
+ .input-prepend .add-on,
168
+ .input-append .add-on,
169
+ .input-prepend .btn,
170
+ .input-append .btn {
171
+ .border-radius(0);
172
+ }
173
+
174
+ // TABLES
175
+ // -----------------------------------------------------
176
+
177
+ .table th {
178
+ font-weight: normal;
179
+ }
180
+
181
+ // BUTTONS
182
+ // -----------------------------------------------------
183
+
184
+ .btn {
185
+ .border-radius(2px);
186
+ font-weight: bold;
187
+ #gradient > .vertical-three-colors(@white, @white, 25%, darken(@white, 10%));
188
+ }
189
+
190
+ .btn-primary {
191
+ .buttonBackground(lighten(@btnPrimaryBackground, 5%), @btnPrimaryBackground);
192
+ }
193
+
194
+ .btn-warning {
195
+ .buttonBackground(lighten(@orange, 5%), @orange);
196
+ }
197
+
198
+ .btn-danger {
199
+ .buttonBackground(lighten(@red, 5%), @red);
200
+ }
201
+
202
+ .btn-success {
203
+ .buttonBackground(lighten(@green, 5%), @green);
204
+ }
205
+
206
+ .btn-info {
207
+ .buttonBackground(lighten(#5bc0de, 5%), #5bc0de);
208
+ }
209
+
210
+ .btn-inverse {
211
+ .buttonBackground(lighten(@purple, 5%), @purple);
212
+ }
213
+
214
+ // MODALS
215
+ // -----------------------------------------------------
216
+
217
+ .modal,
218
+ .modal-header,
219
+ .modal-footer {
220
+ .border-radius(0);
221
+ }
222
+
223
+ .modal-header {
224
+ border-bottom: none;
225
+ }
226
+
227
+ .modal-header,
228
+ .modal-body {
229
+ background-color: @navbarBackground;
230
+ }
231
+
232
+ .modal-footer {
233
+ background-color: @bodyBackground;
234
+ }
235
+
236
+ // MISCELLANEOUS
237
+ // -----------------------------------------------------
238
+
239
+ i[class^="icon-"]{
240
+ opacity: 0.6;
241
+ vertical-align: -2px;
242
+ }
243
+
244
+ .alert, .alert p, .alert-heading {
245
+ font-size: 11px;
246
+ }
247
+
248
+ .progress {
249
+ #gradient > .vertical(#e0e0e0, #e8e8e8);
250
+ }
251
+
252
+ .label {
253
+ font-size: 11px;
254
+ font-weight: normal;
255
+ }
256
+
257
+ .hero-unit {
258
+ background-color: @white;
259
+ .box-shadow(@boxShadow);
260
+ }
261
+
262
+ .well {
263
+ .box-shadow(@boxShadow);
264
+ background-color: @white;
265
+ border: none;
266
+ }
267
+
268
+ .breadcrumb {
269
+ .box-shadow(@boxShadow);
270
+ border: 0px solid transparent;
271
+ font-size: 11px;
272
+ }
273
+
274
+ footer.footer p {
275
+ font-size: 11px;
276
+ }
@@ -0,0 +1,203 @@
1
+ // Variables.less
2
+ // Variables to customize the look and feel of Bootstrap
3
+ // Swatch: Simplex
4
+ // Version: 2.0.2
5
+ // -----------------------------------------------------
6
+
7
+
8
+
9
+ // GLOBAL VALUES
10
+ // --------------------------------------------------
11
+
12
+
13
+ // Grays
14
+ // -------------------------
15
+ @black: #000;
16
+ @grayDarker: #2C2C2C;
17
+ @grayDark: #333;
18
+ @gray: #555;
19
+ @grayLight: #999;
20
+ @grayLighter: #eee;
21
+ @white: #fff;
22
+
23
+
24
+ // Accent colors
25
+ // -------------------------
26
+ @blue: #15C;
27
+ @blueDark: #043755;
28
+ @green: #3D9400;
29
+ @red: #E32C3B;
30
+ @yellow: #FFCA27;
31
+ @orange: #FF6600;
32
+ @pink: #ED2590;
33
+ @purple: #9B479F;
34
+
35
+
36
+ // Scaffolding
37
+ // -------------------------
38
+ @bodyBackground: #EEF0F4;
39
+ @textColor: @gray;
40
+
41
+
42
+ // Links
43
+ // -------------------------
44
+ @linkColor: #366DDC;
45
+ @linkColorHover: darken(@linkColor, 15%);
46
+
47
+
48
+ // Typography
49
+ // -------------------------
50
+ @baseFontSize: 13px;
51
+ @baseFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
52
+ @baseLineHeight: 18px;
53
+ @altFontFamily: Georgia, "Times New Roman", Times, serif;
54
+
55
+ @headingsFontFamily: inherit; // empty to use BS default, @baseFontFamily
56
+ @headingsFontWeight: bold; // instead of browser default, bold
57
+ @headingsColor: @grayDark; // empty to use BS default, @textColor
58
+
59
+
60
+ // Tables
61
+ // -------------------------
62
+ @tableBackground: transparent; // overall background-color
63
+ @tableBackgroundAccent: #f9f9f9; // for striping
64
+ @tableBackgroundHover: #f5f5f5; // for hover
65
+ @tableBorder: #ddd; // table and cell border
66
+
67
+
68
+ // Buttons
69
+ // -------------------------
70
+ @btnBackground: @white;
71
+ @btnBackgroundHighlight: darken(@white, 10%);
72
+ @btnBorder: darken(@white, 20%);
73
+
74
+ @btnPrimaryBackground: @linkColor;
75
+ @btnPrimaryBackgroundHighlight: spin(@btnPrimaryBackground, 15%);
76
+
77
+ @btnInfoBackground: #5bc0de;
78
+ @btnInfoBackgroundHighlight: #2f96b4;
79
+
80
+ @btnSuccessBackground: #62c462;
81
+ @btnSuccessBackgroundHighlight: #51a351;
82
+
83
+ @btnWarningBackground: lighten(@orange, 15%);
84
+ @btnWarningBackgroundHighlight: @orange;
85
+
86
+ @btnDangerBackground: #ee5f5b;
87
+ @btnDangerBackgroundHighlight: #bd362f;
88
+
89
+ @btnInverseBackground: @gray;
90
+ @btnInverseBackgroundHighlight: @grayDarker;
91
+
92
+
93
+ // Forms
94
+ // -------------------------
95
+ @inputBackground: @white;
96
+ @inputBorder: #ccc;
97
+ @inputDisabledBackground: @grayLighter;
98
+
99
+
100
+ // Dropdowns
101
+ // -------------------------
102
+ @dropdownBackground: @white;
103
+ @dropdownBorder: rgba(0,0,0,.2);
104
+ @dropdownLinkColor: @grayDark;
105
+ @dropdownLinkColorHover: @white;
106
+ @dropdownLinkBackgroundHover: @linkColor;
107
+
108
+
109
+
110
+
111
+ // COMPONENT VARIABLES
112
+ // --------------------------------------------------
113
+
114
+ // Z-index master list
115
+ // -------------------------
116
+ // Used for a bird's eye view of components dependent on the z-axis
117
+ // Try to avoid customizing these :)
118
+ @zindexDropdown: 1000;
119
+ @zindexPopover: 1010;
120
+ @zindexTooltip: 1020;
121
+ @zindexFixedNavbar: 1030;
122
+ @zindexModalBackdrop: 1040;
123
+ @zindexModal: 1050;
124
+
125
+
126
+ // Sprite icons path
127
+ // -------------------------
128
+ @iconSpritePath: "./twitter/bootstrap/glyphicons-halflings.png";
129
+ @iconWhiteSpritePath: "./twitter/bootstrap/glyphicons-halflings-white.png";
130
+
131
+
132
+ // Input placeholder text color
133
+ // -------------------------
134
+ @placeholderText: @gray;
135
+
136
+
137
+ // Hr border color
138
+ // -------------------------
139
+ @hrBorder: @grayLighter;
140
+
141
+
142
+ // Navbar
143
+ // -------------------------
144
+ @navbarHeight: 40px;
145
+ @navbarBackground: #F4F6F8;
146
+ @navbarBackgroundHighlight: @navbarBackground;
147
+
148
+ @navbarText: @gray;
149
+ @navbarLinkColor: @gray;
150
+ @navbarLinkColorHover: @grayDark;
151
+ @navbarLinkColorActive: @navbarLinkColorHover;
152
+ @navbarLinkBackgroundHover: transparent;
153
+ @navbarLinkBackgroundActive: @navbarBackground;
154
+
155
+ @navbarSearchBackground: lighten(@navbarBackground, 25%);
156
+ @navbarSearchBackgroundFocus: @white;
157
+ @navbarSearchBorder: darken(@navbarSearchBackground, 30%);
158
+ @navbarSearchPlaceholderColor: #ccc;
159
+
160
+
161
+ // Hero unit
162
+ // -------------------------
163
+ @heroUnitBackground: @grayLighter;
164
+ @heroUnitHeadingColor: inherit;
165
+ @heroUnitLeadColor: inherit;
166
+
167
+
168
+ // Form states and alerts
169
+ // -------------------------
170
+ @warningText: @orange;
171
+ @warningBackground: #fcf8e3;
172
+ @warningBorder: darken(spin(@warningBackground, -10), 3%);
173
+
174
+ @errorText: @red;
175
+ @errorBackground: #f2dede;
176
+ @errorBorder: darken(spin(@errorBackground, -10), 3%);
177
+
178
+ @successText: @green;
179
+ @successBackground: #dff0d8;
180
+ @successBorder: darken(spin(@successBackground, -10), 5%);
181
+
182
+ @infoText: @blue;
183
+ @infoBackground: #d9edf7;
184
+ @infoBorder: darken(spin(@infoBackground, -10), 7%);
185
+
186
+
187
+
188
+
189
+ // GRID
190
+ // --------------------------------------------------
191
+
192
+ // Default 940px grid
193
+ // -------------------------
194
+ @gridColumns: 12;
195
+ @gridColumnWidth: 60px;
196
+ @gridGutterWidth: 20px;
197
+ @gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
198
+
199
+
200
+ // Fluid grid
201
+ // -------------------------
202
+ @fluidGridColumnWidth: 6.382978723%;
203
+ @fluidGridGutterWidth: 2.127659574%;