flatstrap-sass 2.3.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (70) hide show
  1. data/LICENSE +14 -0
  2. data/README.md +52 -0
  3. data/lib/flatstrap-sass.rb +51 -0
  4. data/lib/flatstrap-sass/compass_functions.rb +19 -0
  5. data/lib/flatstrap-sass/engine.rb +7 -0
  6. data/lib/flatstrap-sass/sass_functions.rb +14 -0
  7. data/templates/project/manifest.rb +13 -0
  8. data/templates/project/styles.scss +5 -0
  9. data/vendor/assets/javascripts/application.js +154 -0
  10. data/vendor/assets/javascripts/bootstrap-affix.js +117 -0
  11. data/vendor/assets/javascripts/bootstrap-alert.js +99 -0
  12. data/vendor/assets/javascripts/bootstrap-button.js +105 -0
  13. data/vendor/assets/javascripts/bootstrap-carousel.js +207 -0
  14. data/vendor/assets/javascripts/bootstrap-collapse.js +167 -0
  15. data/vendor/assets/javascripts/bootstrap-dropdown.js +165 -0
  16. data/vendor/assets/javascripts/bootstrap-modal.js +247 -0
  17. data/vendor/assets/javascripts/bootstrap-popover.js +114 -0
  18. data/vendor/assets/javascripts/bootstrap-scrollspy.js +162 -0
  19. data/vendor/assets/javascripts/bootstrap-tab.js +144 -0
  20. data/vendor/assets/javascripts/bootstrap-tooltip.js +361 -0
  21. data/vendor/assets/javascripts/bootstrap-transition.js +60 -0
  22. data/vendor/assets/javascripts/bootstrap-typeahead.js +335 -0
  23. data/vendor/assets/javascripts/bootstrap.js +2159 -0
  24. data/vendor/assets/javascripts/bootstrap.min.js +6 -0
  25. data/vendor/assets/javascripts/google-code-prettify/prettify.js +28 -0
  26. data/vendor/assets/javascripts/jquery.js +2 -0
  27. data/vendor/assets/stylesheets/flatstrap-responsive.scss +1 -0
  28. data/vendor/assets/stylesheets/flatstrap.scss +1 -0
  29. data/vendor/assets/stylesheets/flatstrap/_accordion.scss +33 -0
  30. data/vendor/assets/stylesheets/flatstrap/_alerts.scss +78 -0
  31. data/vendor/assets/stylesheets/flatstrap/_breadcrumbs.scss +23 -0
  32. data/vendor/assets/stylesheets/flatstrap/_button-groups.scss +211 -0
  33. data/vendor/assets/stylesheets/flatstrap/_buttons.scss +215 -0
  34. data/vendor/assets/stylesheets/flatstrap/_carousel.scss +156 -0
  35. data/vendor/assets/stylesheets/flatstrap/_close.scss +32 -0
  36. data/vendor/assets/stylesheets/flatstrap/_code.scss +59 -0
  37. data/vendor/assets/stylesheets/flatstrap/_component-animations.scss +22 -0
  38. data/vendor/assets/stylesheets/flatstrap/_dropdowns.scss +231 -0
  39. data/vendor/assets/stylesheets/flatstrap/_font-awesome.scss +534 -0
  40. data/vendor/assets/stylesheets/flatstrap/_forms.scss +646 -0
  41. data/vendor/assets/stylesheets/flatstrap/_grid.scss +21 -0
  42. data/vendor/assets/stylesheets/flatstrap/_hero-unit.scss +24 -0
  43. data/vendor/assets/stylesheets/flatstrap/_labels-badges.scss +79 -0
  44. data/vendor/assets/stylesheets/flatstrap/_layouts.scss +16 -0
  45. data/vendor/assets/stylesheets/flatstrap/_media.scss +55 -0
  46. data/vendor/assets/stylesheets/flatstrap/_mixins.scss +654 -0
  47. data/vendor/assets/stylesheets/flatstrap/_modals.scss +91 -0
  48. data/vendor/assets/stylesheets/flatstrap/_navbar.scss +481 -0
  49. data/vendor/assets/stylesheets/flatstrap/_navs.scss +388 -0
  50. data/vendor/assets/stylesheets/flatstrap/_pager.scss +42 -0
  51. data/vendor/assets/stylesheets/flatstrap/_pagination.scss +94 -0
  52. data/vendor/assets/stylesheets/flatstrap/_popovers.scss +130 -0
  53. data/vendor/assets/stylesheets/flatstrap/_progress-bars.scss +118 -0
  54. data/vendor/assets/stylesheets/flatstrap/_reset.scss +216 -0
  55. data/vendor/assets/stylesheets/flatstrap/_responsive-1200px-min.scss +28 -0
  56. data/vendor/assets/stylesheets/flatstrap/_responsive-767px-max.scss +193 -0
  57. data/vendor/assets/stylesheets/flatstrap/_responsive-768px-979px.scss +19 -0
  58. data/vendor/assets/stylesheets/flatstrap/_responsive-navbar.scss +184 -0
  59. data/vendor/assets/stylesheets/flatstrap/_responsive-utilities.scss +74 -0
  60. data/vendor/assets/stylesheets/flatstrap/_scaffolding.scss +42 -0
  61. data/vendor/assets/stylesheets/flatstrap/_tables.scss +183 -0
  62. data/vendor/assets/stylesheets/flatstrap/_thumbnails.scss +50 -0
  63. data/vendor/assets/stylesheets/flatstrap/_tooltip.scss +69 -0
  64. data/vendor/assets/stylesheets/flatstrap/_type.scss +247 -0
  65. data/vendor/assets/stylesheets/flatstrap/_utilities.scss +45 -0
  66. data/vendor/assets/stylesheets/flatstrap/_variables.scss +296 -0
  67. data/vendor/assets/stylesheets/flatstrap/_wells.scss +25 -0
  68. data/vendor/assets/stylesheets/flatstrap/bootstrap-responsive.scss +48 -0
  69. data/vendor/assets/stylesheets/flatstrap/bootstrap.scss +63 -0
  70. metadata +180 -0
@@ -0,0 +1,388 @@
1
+ //
2
+ // Navs
3
+ // --------------------------------------------------
4
+
5
+
6
+ // BASE CLASS
7
+ // ----------
8
+
9
+ .nav {
10
+ margin-left: 0;
11
+ margin-bottom: $baseLineHeight;
12
+ list-style: none;
13
+ }
14
+
15
+ // Make links block level
16
+ .nav > li > a {
17
+ display: block;
18
+ }
19
+ .nav > li > a:hover,
20
+ .nav > li > a:focus {
21
+ text-decoration: none;
22
+ background-color: $grayLighter;
23
+ }
24
+
25
+ // Prevent IE8 from misplacing imgs
26
+ // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989
27
+ .nav > li > a > img {
28
+ max-width: none;
29
+ }
30
+
31
+ // Redeclare pull classes because of specifity
32
+ .nav > .pull-right {
33
+ float: right;
34
+ }
35
+
36
+ // Nav headers (for dropdowns and lists)
37
+ .nav-header {
38
+ display: block;
39
+ padding: 3px 15px;
40
+ font-size: 11px;
41
+ font-weight: bold;
42
+ line-height: $baseLineHeight;
43
+ color: $grayLight;
44
+ text-shadow: 0 1px 0 rgba(255,255,255,.5);
45
+ text-transform: uppercase;
46
+ }
47
+ // Space them out when they follow another list item (link)
48
+ .nav li + .nav-header {
49
+ margin-top: 9px;
50
+ }
51
+
52
+
53
+
54
+ // NAV LIST
55
+ // --------
56
+
57
+ .nav-list {
58
+ padding-left: 15px;
59
+ padding-right: 15px;
60
+ margin-bottom: 0;
61
+ }
62
+ .nav-list > li > a,
63
+ .nav-list .nav-header {
64
+ margin-left: -15px;
65
+ margin-right: -15px;
66
+ text-shadow: 0 1px 0 rgba(255,255,255,.5);
67
+ }
68
+ .nav-list > li > a {
69
+ padding: 3px 15px;
70
+ }
71
+ .nav-list > .active > a,
72
+ .nav-list > .active > a:hover,
73
+ .nav-list > .active > a:focus {
74
+ color: $white;
75
+ text-shadow: 0 -1px 0 rgba(0,0,0,.2);
76
+ background-color: $linkColor;
77
+ }
78
+ .nav-list [class^="icon-"],
79
+ .nav-list [class*=" icon-"] {
80
+ margin-right: 2px;
81
+ }
82
+ // Dividers (basically an hr) within the dropdown
83
+ .nav-list .divider {
84
+ @include nav-divider();
85
+ }
86
+
87
+
88
+
89
+ // TABS AND PILLS
90
+ // -------------
91
+
92
+ // Common styles
93
+ .nav-tabs,
94
+ .nav-pills {
95
+ @include clearfix();
96
+ }
97
+ .nav-tabs > li,
98
+ .nav-pills > li {
99
+ float: left;
100
+ }
101
+ .nav-tabs > li > a,
102
+ .nav-pills > li > a {
103
+ padding-right: 12px;
104
+ padding-left: 12px;
105
+ margin-right: 2px;
106
+ line-height: 14px; // keeps the overall height an even number
107
+ }
108
+
109
+ // TABS
110
+ // ----
111
+
112
+ // Give the tabs something to sit on
113
+ .nav-tabs {
114
+ border-bottom: 1px solid #ddd;
115
+ }
116
+ // Make the list-items overlay the bottom border
117
+ .nav-tabs > li {
118
+ margin-bottom: -1px;
119
+ }
120
+ // Actual tabs (as links)
121
+ .nav-tabs > li > a {
122
+ padding-top: 8px;
123
+ padding-bottom: 8px;
124
+ line-height: $baseLineHeight;
125
+ border: 1px solid transparent;
126
+ &:hover,
127
+ &:focus {
128
+ border-color: $grayLighter $grayLighter #ddd;
129
+ }
130
+ }
131
+ // Active state, and it's :hover/:focus to override normal :hover/:focus
132
+ .nav-tabs > .active > a,
133
+ .nav-tabs > .active > a:hover,
134
+ .nav-tabs > .active > a:focus {
135
+ color: $gray;
136
+ background-color: $bodyBackground;
137
+ border: 1px solid #ddd;
138
+ border-bottom-color: transparent;
139
+ cursor: default;
140
+ }
141
+
142
+
143
+ // PILLS
144
+ // -----
145
+
146
+ // Links rendered as pills
147
+ .nav-pills > li > a {
148
+ padding-top: 8px;
149
+ padding-bottom: 8px;
150
+ margin-top: 2px;
151
+ margin-bottom: 2px;
152
+ }
153
+
154
+ // Active state
155
+ .nav-pills > .active > a,
156
+ .nav-pills > .active > a:hover,
157
+ .nav-pills > .active > a:focus {
158
+ color: $white;
159
+ background-color: $linkColor;
160
+ }
161
+
162
+
163
+
164
+ // STACKED NAV
165
+ // -----------
166
+
167
+ // Stacked tabs and pills
168
+ .nav-stacked > li {
169
+ float: none;
170
+ }
171
+ .nav-stacked > li > a {
172
+ margin-right: 0; // no need for the gap between nav items
173
+ }
174
+
175
+ // Tabs
176
+ .nav-tabs.nav-stacked {
177
+ border-bottom: 0;
178
+ }
179
+ .nav-tabs.nav-stacked > li > a {
180
+ border: 1px solid #ddd;
181
+ }
182
+ .nav-tabs.nav-stacked > li > a:hover,
183
+ .nav-tabs.nav-stacked > li > a:focus {
184
+ border-color: #ddd;
185
+ z-index: 2;
186
+ }
187
+
188
+ // Pills
189
+ .nav-pills.nav-stacked > li > a {
190
+ margin-bottom: 3px;
191
+ }
192
+ .nav-pills.nav-stacked > li:last-child > a {
193
+ margin-bottom: 1px; // decrease margin to match sizing of stacked tabs
194
+ }
195
+
196
+
197
+
198
+
199
+ // Default dropdown links
200
+ // -------------------------
201
+ // Make carets use linkColor to start
202
+ .nav .dropdown-toggle .caret {
203
+ border-top-color: $linkColor;
204
+ border-bottom-color: $linkColor;
205
+ margin-top: 6px;
206
+ }
207
+ .nav .dropdown-toggle:hover .caret,
208
+ .nav .dropdown-toggle:focus .caret {
209
+ border-top-color: $linkColorHover;
210
+ border-bottom-color: $linkColorHover;
211
+ }
212
+ /* move down carets for tabs */
213
+ .nav-tabs .dropdown-toggle .caret {
214
+ margin-top: 8px;
215
+ }
216
+
217
+ // Active dropdown links
218
+ // -------------------------
219
+ .nav .active .dropdown-toggle .caret {
220
+ border-top-color: #fff;
221
+ border-bottom-color: #fff;
222
+ }
223
+ .nav-tabs .active .dropdown-toggle .caret {
224
+ border-top-color: $gray;
225
+ border-bottom-color: $gray;
226
+ }
227
+
228
+ // Active:hover/:focus dropdown links
229
+ // -------------------------
230
+ .nav > .dropdown.active > a:hover,
231
+ .nav > .dropdown.active > a:focus {
232
+ cursor: pointer;
233
+ }
234
+
235
+ // Open dropdowns
236
+ // -------------------------
237
+ .nav-tabs .open .dropdown-toggle,
238
+ .nav-pills .open .dropdown-toggle,
239
+ .nav > li.dropdown.open.active > a:hover,
240
+ .nav > li.dropdown.open.active > a:focus {
241
+ color: $white;
242
+ background-color: $grayLight;
243
+ border-color: $grayLight;
244
+ }
245
+ .nav li.dropdown.open .caret,
246
+ .nav li.dropdown.open.active .caret,
247
+ .nav li.dropdown.open a:hover .caret,
248
+ .nav li.dropdown.open a:focus .caret {
249
+ border-top-color: $white;
250
+ border-bottom-color: $white;
251
+ @include opacity(100);
252
+ }
253
+
254
+ // Dropdowns in stacked tabs
255
+ .tabs-stacked .open > a:hover,
256
+ .tabs-stacked .open > a:focus {
257
+ border-color: $grayLight;
258
+ }
259
+
260
+
261
+
262
+ // TABBABLE
263
+ // --------
264
+
265
+
266
+ // COMMON STYLES
267
+ // -------------
268
+
269
+ // Clear any floats
270
+ .tabbable {
271
+ @include clearfix();
272
+ }
273
+ .tab-content {
274
+ overflow: auto; // prevent content from running below tabs
275
+ }
276
+
277
+ // Remove border on bottom, left, right
278
+ .tabs-below > .nav-tabs,
279
+ .tabs-right > .nav-tabs,
280
+ .tabs-left > .nav-tabs {
281
+ border-bottom: 0;
282
+ }
283
+
284
+ // Show/hide tabbable areas
285
+ .tab-content > .tab-pane,
286
+ .pill-content > .pill-pane {
287
+ display: none;
288
+ }
289
+ .tab-content > .active,
290
+ .pill-content > .active {
291
+ display: block;
292
+ }
293
+
294
+
295
+ // BOTTOM
296
+ // ------
297
+
298
+ .tabs-below > .nav-tabs {
299
+ border-top: 1px solid #ddd;
300
+ }
301
+ .tabs-below > .nav-tabs > li {
302
+ margin-top: -1px;
303
+ margin-bottom: 0;
304
+ }
305
+ .tabs-below > .nav-tabs > li > a {
306
+ &:hover,
307
+ &:focus {
308
+ border-bottom-color: transparent;
309
+ border-top-color: #ddd;
310
+ }
311
+ }
312
+ .tabs-below > .nav-tabs > .active > a,
313
+ .tabs-below > .nav-tabs > .active > a:hover,
314
+ .tabs-below > .nav-tabs > .active > a:focus {
315
+ border-color: transparent #ddd #ddd #ddd;
316
+ }
317
+
318
+ // LEFT & RIGHT
319
+ // ------------
320
+
321
+ // Common styles
322
+ .tabs-left > .nav-tabs > li,
323
+ .tabs-right > .nav-tabs > li {
324
+ float: none;
325
+ }
326
+ .tabs-left > .nav-tabs > li > a,
327
+ .tabs-right > .nav-tabs > li > a {
328
+ min-width: 74px;
329
+ margin-right: 0;
330
+ margin-bottom: 3px;
331
+ }
332
+
333
+ // Tabs on the left
334
+ .tabs-left > .nav-tabs {
335
+ float: left;
336
+ margin-right: 19px;
337
+ border-right: 1px solid #ddd;
338
+ }
339
+ .tabs-left > .nav-tabs > li > a {
340
+ margin-right: -1px;
341
+ }
342
+ .tabs-left > .nav-tabs > li > a:hover,
343
+ .tabs-left > .nav-tabs > li > a:focus {
344
+ border-color: $grayLighter #ddd $grayLighter $grayLighter;
345
+ }
346
+ .tabs-left > .nav-tabs .active > a,
347
+ .tabs-left > .nav-tabs .active > a:hover,
348
+ .tabs-left > .nav-tabs .active > a:focus {
349
+ border-color: #ddd transparent #ddd #ddd;
350
+ *border-right-color: $white;
351
+ }
352
+
353
+ // Tabs on the right
354
+ .tabs-right > .nav-tabs {
355
+ float: right;
356
+ margin-left: 19px;
357
+ border-left: 1px solid #ddd;
358
+ }
359
+ .tabs-right > .nav-tabs > li > a {
360
+ margin-left: -1px;
361
+ }
362
+ .tabs-right > .nav-tabs > li > a:hover,
363
+ .tabs-right > .nav-tabs > li > a:focus {
364
+ border-color: $grayLighter $grayLighter $grayLighter #ddd;
365
+ }
366
+ .tabs-right > .nav-tabs .active > a,
367
+ .tabs-right > .nav-tabs .active > a:hover,
368
+ .tabs-right > .nav-tabs .active > a:focus {
369
+ border-color: #ddd #ddd #ddd transparent;
370
+ *border-left-color: $white;
371
+ }
372
+
373
+
374
+
375
+ // DISABLED STATES
376
+ // ---------------
377
+
378
+ // Gray out text
379
+ .nav > .disabled > a {
380
+ color: $grayLight;
381
+ }
382
+ // Nuke hover/focus effects
383
+ .nav > .disabled > a:hover,
384
+ .nav > .disabled > a:focus {
385
+ text-decoration: none;
386
+ background-color: transparent;
387
+ cursor: default;
388
+ }
@@ -0,0 +1,42 @@
1
+ //
2
+ // Pager pagination
3
+ // --------------------------------------------------
4
+
5
+
6
+ .pager {
7
+ margin: $baseLineHeight 0;
8
+ list-style: none;
9
+ text-align: center;
10
+ @include clearfix();
11
+ }
12
+ .pager li {
13
+ display: inline;
14
+ }
15
+ .pager li > a,
16
+ .pager li > span {
17
+ display: inline-block;
18
+ padding: 5px 14px;
19
+ background-color: #fff;
20
+ border: 1px solid #ddd;
21
+ }
22
+ .pager li > a:hover,
23
+ .pager li > a:focus {
24
+ text-decoration: none;
25
+ background-color: #f5f5f5;
26
+ }
27
+ .pager .next > a,
28
+ .pager .next > span {
29
+ float: right;
30
+ }
31
+ .pager .previous > a,
32
+ .pager .previous > span {
33
+ float: left;
34
+ }
35
+ .pager .disabled > a,
36
+ .pager .disabled > a:hover,
37
+ .pager .disabled > a:focus,
38
+ .pager .disabled > span {
39
+ color: $grayLight;
40
+ background-color: #fff;
41
+ cursor: default;
42
+ }
@@ -0,0 +1,94 @@
1
+ //
2
+ // Pagination (multiple pages)
3
+ // --------------------------------------------------
4
+
5
+ // Space out pagination from surrounding content
6
+ .pagination {
7
+ margin: $baseLineHeight 0;
8
+ }
9
+
10
+ .pagination ul {
11
+ // Allow for text-based alignment
12
+ display: inline-block;
13
+ @include ie7-inline-block();
14
+ // Reset default ul styles
15
+ margin-left: 0;
16
+ margin-bottom: 0;
17
+ }
18
+ .pagination ul > li {
19
+ display: inline; // Remove list-style and block-level defaults
20
+ }
21
+ .pagination ul > li > a,
22
+ .pagination ul > li > span {
23
+ float: left; // Collapse white-space
24
+ padding: 4px 12px;
25
+ line-height: $baseLineHeight;
26
+ text-decoration: none;
27
+ background-color: $paginationBackground;
28
+ border: 1px solid $paginationBorder;
29
+ border-left-width: 0;
30
+ }
31
+ .pagination ul > li > a:hover,
32
+ .pagination ul > li > a:focus,
33
+ .pagination ul > .active > a,
34
+ .pagination ul > .active > span {
35
+ background-color: $paginationActiveBackground;
36
+ }
37
+ .pagination ul > .active > a,
38
+ .pagination ul > .active > span {
39
+ color: $grayLight;
40
+ cursor: default;
41
+ }
42
+ .pagination ul > .disabled > span,
43
+ .pagination ul > .disabled > a,
44
+ .pagination ul > .disabled > a:hover,
45
+ .pagination ul > .disabled > a:focus {
46
+ color: $grayLight;
47
+ background-color: transparent;
48
+ cursor: default;
49
+ }
50
+ .pagination ul > li:first-child > a,
51
+ .pagination ul > li:first-child > span {
52
+ border-left-width: 1px;
53
+ }
54
+
55
+
56
+ // Alignment
57
+ // --------------------------------------------------
58
+
59
+ .pagination-centered {
60
+ text-align: center;
61
+ }
62
+ .pagination-right {
63
+ text-align: right;
64
+ }
65
+
66
+
67
+ // Sizing
68
+ // --------------------------------------------------
69
+
70
+ // Large
71
+ .pagination-large {
72
+ ul > li > a,
73
+ ul > li > span {
74
+ padding: $paddingLarge;
75
+ font-size: $fontSizeLarge;
76
+ }
77
+ }
78
+
79
+ // Small
80
+ .pagination-small {
81
+ ul > li > a,
82
+ ul > li > span {
83
+ padding: $paddingSmall;
84
+ font-size: $fontSizeSmall;
85
+ }
86
+ }
87
+ // Mini
88
+ .pagination-mini {
89
+ ul > li > a,
90
+ ul > li > span {
91
+ padding: $paddingMini;
92
+ font-size: $fontSizeMini;
93
+ }
94
+ }