flatstrap-sass 2.3.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.
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
+ }