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,45 @@
1
+ //
2
+ // Utility classes
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Quick floats
7
+ .pull-right {
8
+ float: right;
9
+ }
10
+ .pull-left {
11
+ float: left;
12
+ }
13
+
14
+ // Toggling content
15
+ .hide {
16
+ display: none;
17
+ }
18
+ .show {
19
+ display: block;
20
+ }
21
+
22
+ // Visibility
23
+ .invisible {
24
+ visibility: hidden;
25
+ }
26
+
27
+ // For Affix plugin
28
+ .affix {
29
+ position: fixed;
30
+ }
31
+
32
+ // Clearing floats
33
+ .clearfix {
34
+ @include clearfix();
35
+ }
36
+
37
+ // Accessible yet invisible text
38
+ .hide-text {
39
+ @include hide-text();
40
+ }
41
+
42
+ // Uses box-sizing mixin, so must be defined here
43
+ .input-block-level {
44
+ @include input-block-level();
45
+ }
@@ -0,0 +1,296 @@
1
+ //
2
+ // Variables
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Global values
7
+ // --------------------------------------------------
8
+
9
+
10
+ // Grays
11
+ // -------------------------
12
+ $black: #000 !default;
13
+ $grayDarker: #222 !default;
14
+ $grayDark: #333 !default;
15
+ $gray: #555 !default;
16
+ $grayLight: #999 !default;
17
+ $grayLighter: #eee !default;
18
+ $white: #fff !default;
19
+
20
+
21
+ // Accent colors
22
+ // -------------------------
23
+ $blue: #049cdb !default;
24
+ $blueDark: #0064cd !default;
25
+ $green: #46a546 !default;
26
+ $red: #9d261d !default;
27
+ $yellow: #ffc40d !default;
28
+ $orange: #f89406 !default;
29
+ $pink: #c3325f !default;
30
+ $purple: #7a43b6 !default;
31
+
32
+
33
+ // Scaffolding
34
+ // -------------------------
35
+ $bodyBackground: $white !default;
36
+ $textColor: $grayDark !default;
37
+
38
+
39
+ // Links
40
+ // -------------------------
41
+ $linkColor: #08c !default;
42
+ $linkColorHover: darken($linkColor, 15%) !default;
43
+
44
+
45
+ // Typography
46
+ // -------------------------
47
+ $sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
48
+ $serifFontFamily: Georgia, "Times New Roman", Times, serif !default;
49
+ $monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace !default;
50
+
51
+ $baseFontSize: 14px !default;
52
+ $baseFontFamily: $sansFontFamily !default;
53
+ $baseLineHeight: 20px !default;
54
+ $altFontFamily: $serifFontFamily !default;
55
+
56
+ $headingsFontFamily: inherit !default; // empty to use BS default, $baseFontFamily
57
+ $headingsFontWeight: bold !default; // instead of browser default, bold
58
+ $headingsColor: inherit !default; // empty to use BS default, $textColor
59
+
60
+
61
+ // Component sizing
62
+ // -------------------------
63
+ // Based on 14px font-size and 20px line-height
64
+
65
+ $fontSizeLarge: $baseFontSize * 1.25; // ~18px
66
+ $fontSizeSmall: $baseFontSize * 0.85; // ~12px
67
+ $fontSizeMini: $baseFontSize * 0.75; // ~11px
68
+
69
+ $paddingLarge: 11px 19px !default; // 44px
70
+ $paddingSmall: 2px 10px !default; // 26px
71
+ $paddingMini: 0px 6px !default; // 22px
72
+
73
+
74
+ // Tables
75
+ // -------------------------
76
+ $tableBackground: transparent !default; // overall background-color
77
+ $tableBackgroundAccent: #f9f9f9 !default; // for striping
78
+ $tableBackgroundHover: #f5f5f5 !default; // for hover
79
+ $tableBorder: #ddd !default; // table and cell border
80
+
81
+ // Buttons
82
+ // -------------------------
83
+ $btnBackground: $white !default;
84
+ $btnBackgroundHighlight: darken($white, 10%) !default;
85
+ $btnBorder: #ccc !default;
86
+
87
+ $btnPrimaryBackground: $linkColor !default;
88
+ $btnPrimaryBackgroundHighlight: adjust-hue($btnPrimaryBackground, 20%) !default;
89
+
90
+ $btnInfoBackground: #5bc0de !default;
91
+ $btnInfoBackgroundHighlight: #2f96b4 !default;
92
+
93
+ $btnSuccessBackground: #62c462 !default;
94
+ $btnSuccessBackgroundHighlight: #51a351 !default;
95
+
96
+ $btnWarningBackground: lighten($orange, 15%) !default;
97
+ $btnWarningBackgroundHighlight: $orange !default;
98
+
99
+ $btnDangerBackground: #ee5f5b !default;
100
+ $btnDangerBackgroundHighlight: #bd362f !default;
101
+
102
+ $btnInverseBackground: #444 !default;
103
+ $btnInverseBackgroundHighlight: $grayDarker !default;
104
+
105
+
106
+ // Forms
107
+ // -------------------------
108
+ $inputBackground: $white !default;
109
+ $inputBorder: #ccc !default;
110
+ $inputDisabledBackground: $grayLighter !default;
111
+ $formActionsBackground: #f5f5f5 !default;
112
+ $inputHeight: $baseLineHeight + 10px; // base line-height + 8px vertical padding + 2px top/bottom border
113
+
114
+
115
+ // Dropdowns
116
+ // -------------------------
117
+ $dropdownBackground: $white !default;
118
+ $dropdownBorder: rgba(0,0,0,.2) !default;
119
+ $dropdownDividerTop: #e5e5e5 !default;
120
+ $dropdownDividerBottom: $white !default;
121
+
122
+ $dropdownLinkColor: $grayDark !default;
123
+ $dropdownLinkColorHover: $white !default;
124
+ $dropdownLinkColorActive: $white !default;
125
+
126
+ $dropdownLinkBackgroundActive: $linkColor !default;
127
+ $dropdownLinkBackgroundHover: $dropdownLinkBackgroundActive !default;
128
+
129
+
130
+
131
+ // COMPONENT VARIABLES
132
+ // --------------------------------------------------
133
+
134
+
135
+ // Z-index master list
136
+ // -------------------------
137
+ // Used for a bird's eye view of components dependent on the z-axis
138
+ // Try to avoid customizing these :)
139
+ $zindexDropdown: 1000 !default;
140
+ $zindexPopover: 1010 !default;
141
+ $zindexTooltip: 1030 !default;
142
+ $zindexFixedNavbar: 1030 !default;
143
+ $zindexModalBackdrop: 1040 !default;
144
+ $zindexModal: 1050 !default;
145
+
146
+
147
+ // Sprite icons path
148
+ // -------------------------
149
+ $iconSpritePath: image-path("../../img/glyphicons-halflings.png") !default;
150
+ $iconWhiteSpritePath: image-path("../../img/glyphicons-halflings-white.png") !default;
151
+
152
+
153
+ // Input placeholder text color
154
+ // -------------------------
155
+ $placeholderText: $grayLight !default;
156
+
157
+
158
+ // Hr border color
159
+ // -------------------------
160
+ $hrBorder: $grayLighter !default;
161
+
162
+
163
+ // Horizontal forms & lists
164
+ // -------------------------
165
+ $horizontalComponentOffset: 180px !default;
166
+
167
+
168
+ // Wells
169
+ // -------------------------
170
+ $wellBackground: #f5f5f5 !default;
171
+
172
+
173
+ // Navbar
174
+ // -------------------------
175
+ $navbarCollapseWidth: 979px !default;
176
+ $navbarCollapseDesktopWidth: $navbarCollapseWidth + 1;
177
+
178
+ $navbarHeight: 40px !default;
179
+ $navbarBackgroundHighlight: #ffffff !default;
180
+ $navbarBackground: darken($navbarBackgroundHighlight, 5%) !default;
181
+ $navbarBorder: darken($navbarBackground, 12%) !default;
182
+
183
+ $navbarText: #777 !default;
184
+ $navbarLinkColor: #777 !default;
185
+ $navbarLinkColorHover: $grayDark !default;
186
+ $navbarLinkColorActive: $gray !default;
187
+ $navbarLinkBackgroundHover: transparent !default;
188
+ $navbarLinkBackgroundActive: darken($navbarBackground, 5%) !default;
189
+
190
+ $navbarBrandColor: $navbarLinkColor !default;
191
+
192
+ // Inverted navbar
193
+ $navbarInverseBackground: #111111 !default;
194
+ $navbarInverseBackgroundHighlight: #222222 !default;
195
+ $navbarInverseBorder: #252525 !default;
196
+
197
+ $navbarInverseText: $grayLight !default;
198
+ $navbarInverseLinkColor: $grayLight !default;
199
+ $navbarInverseLinkColorHover: $white !default;
200
+ $navbarInverseLinkColorActive: $navbarInverseLinkColorHover !default;
201
+ $navbarInverseLinkBackgroundHover: transparent !default;
202
+ $navbarInverseLinkBackgroundActive: $navbarInverseBackground !default;
203
+
204
+ $navbarInverseSearchBackground: lighten($navbarInverseBackground, 25%) !default;
205
+ $navbarInverseSearchBackgroundFocus: $white !default;
206
+ $navbarInverseSearchBorder: $navbarInverseBackground !default;
207
+ $navbarInverseSearchPlaceholderColor: #ccc !default;
208
+
209
+ $navbarInverseBrandColor: $navbarInverseLinkColor !default;
210
+
211
+
212
+ // Pagination
213
+ // -------------------------
214
+ $paginationBackground: #fff !default;
215
+ $paginationBorder: #ddd !default;
216
+ $paginationActiveBackground: #f5f5f5 !default;
217
+
218
+
219
+ // Hero unit
220
+ // -------------------------
221
+ $heroUnitBackground: $grayLighter !default;
222
+ $heroUnitHeadingColor: inherit !default;
223
+ $heroUnitLeadColor: inherit !default;
224
+
225
+
226
+ // Form states and alerts
227
+ // -------------------------
228
+ $warningText: #c09853 !default;
229
+ $warningBackground: #fcf8e3 !default;
230
+ $warningBorder: darken(adjust-hue($warningBackground, -10), 3%) !default;
231
+
232
+ $errorText: #b94a48 !default;
233
+ $errorBackground: #f2dede !default;
234
+ $errorBorder: darken(adjust-hue($errorBackground, -10), 3%) !default;
235
+
236
+ $successText: #468847 !default;
237
+ $successBackground: #dff0d8 !default;
238
+ $successBorder: darken(adjust-hue($successBackground, -10), 5%) !default;
239
+
240
+ $infoText: #3a87ad !default;
241
+ $infoBackground: #d9edf7 !default;
242
+ $infoBorder: darken(adjust-hue($infoBackground, -10), 7%) !default;
243
+
244
+
245
+ // Tooltips and popovers
246
+ // -------------------------
247
+ $tooltipColor: #fff !default;
248
+ $tooltipBackground: #000 !default;
249
+ $tooltipArrowWidth: 5px !default;
250
+ $tooltipArrowColor: $tooltipBackground !default;
251
+
252
+ $popoverBackground: #fff !default;
253
+ $popoverArrowWidth: 10px !default;
254
+ $popoverArrowColor: #fff !default;
255
+ $popoverTitleBackground: darken($popoverBackground, 3%) !default;
256
+
257
+ // Special enhancement for popovers
258
+ $popoverArrowOuterWidth: $popoverArrowWidth + 1 !default;
259
+ $popoverArrowOuterColor: rgba(0,0,0,.25) !default;
260
+
261
+
262
+
263
+ // GRID
264
+ // --------------------------------------------------
265
+
266
+
267
+ // Default 940px grid
268
+ // -------------------------
269
+ $gridColumns: 12 !default;
270
+ $gridColumnWidth: 60px !default;
271
+ $gridGutterWidth: 20px !default;
272
+ $gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1)) !default;
273
+
274
+ // 1200px min
275
+ $gridColumnWidth1200: 70px !default;
276
+ $gridGutterWidth1200: 30px !default;
277
+ $gridRowWidth1200: ($gridColumns * $gridColumnWidth1200) + ($gridGutterWidth1200 * ($gridColumns - 1)) !default;
278
+
279
+ // 768px-979px
280
+ $gridColumnWidth768: 42px !default;
281
+ $gridGutterWidth768: 20px !default;
282
+ $gridRowWidth768: ($gridColumns * $gridColumnWidth768) + ($gridGutterWidth768 * ($gridColumns - 1)) !default;
283
+
284
+
285
+ // Fluid grid
286
+ // -------------------------
287
+ $fluidGridColumnWidth: percentage($gridColumnWidth/$gridRowWidth) !default;
288
+ $fluidGridGutterWidth: percentage($gridGutterWidth/$gridRowWidth) !default;
289
+
290
+ // 1200px min
291
+ $fluidGridColumnWidth1200: percentage($gridColumnWidth1200/$gridRowWidth1200) !default;
292
+ $fluidGridGutterWidth1200: percentage($gridGutterWidth1200/$gridRowWidth1200) !default;
293
+
294
+ // 768px-979px
295
+ $fluidGridColumnWidth768: percentage($gridColumnWidth768/$gridRowWidth768) !default;
296
+ $fluidGridGutterWidth768: percentage($gridGutterWidth768/$gridRowWidth768) !default;
@@ -0,0 +1,25 @@
1
+ //
2
+ // Wells
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Base class
7
+ .well {
8
+ min-height: 20px;
9
+ padding: 19px;
10
+ margin-bottom: 20px;
11
+ background-color: $wellBackground;
12
+ border: 1px solid darken($wellBackground, 7%);
13
+ blockquote {
14
+ border-color: #ddd;
15
+ border-color: rgba(0,0,0,.15);
16
+ }
17
+ }
18
+
19
+ // Sizes
20
+ .well-large {
21
+ padding: 24px;
22
+ }
23
+ .well-small {
24
+ padding: 9px;
25
+ }
@@ -0,0 +1,48 @@
1
+ /*!
2
+ * Bootstrap Responsive v2.3.1
3
+ *
4
+ * Copyright 2012 Twitter, Inc
5
+ * Licensed under the Apache License v2.0
6
+ * http://www.apache.org/licenses/LICENSE-2.0
7
+ *
8
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
9
+ */
10
+
11
+
12
+ // Responsive
13
+ // For phone and tablet devices
14
+ // -------------------------------------------------------------
15
+
16
+
17
+ // REPEAT VARIABLES & MIXINS
18
+ // -------------------------
19
+ // Required since we compile the responsive stuff separately
20
+
21
+ @import "flatstrap/variables"; // Modify this for custom colors, font-sizes, etc
22
+ @import "flatstrap/mixins";
23
+
24
+
25
+ // RESPONSIVE CLASSES
26
+ // ------------------
27
+
28
+ @import "flatstrap/responsive-utilities";
29
+
30
+
31
+ // MEDIA QUERIES
32
+ // ------------------
33
+
34
+ // Large desktops
35
+ @import "flatstrap/responsive-1200px-min";
36
+
37
+ // Tablets to regular desktops
38
+ @import "flatstrap/responsive-768px-979px";
39
+
40
+ // Phones to portrait tablets and narrow desktops
41
+ @import "flatstrap/responsive-767px-max";
42
+
43
+
44
+ // RESPONSIVE NAVBAR
45
+ // ------------------
46
+
47
+ // From 979px and below, show a button to toggle navbar contents
48
+ @import "flatstrap/responsive-navbar";
@@ -0,0 +1,63 @@
1
+ /*!
2
+ * Bootstrap v2.3.1
3
+ *
4
+ * Copyright 2012 Twitter, Inc
5
+ * Licensed under the Apache License v2.0
6
+ * http://www.apache.org/licenses/LICENSE-2.0
7
+ *
8
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
9
+ */
10
+
11
+ // Core variables and mixins
12
+ @import "flatstrap/variables"; // Modify this for custom colors, font-sizes, etc
13
+ @import "flatstrap/mixins";
14
+
15
+ // CSS Reset
16
+ @import "flatstrap/reset";
17
+
18
+ // Grid system and page structure
19
+ @import "flatstrap/scaffolding";
20
+ @import "flatstrap/grid";
21
+ @import "flatstrap/layouts";
22
+
23
+ // Base CSS
24
+ @import "flatstrap/type";
25
+ @import "flatstrap/code";
26
+ @import "flatstrap/forms";
27
+ @import "flatstrap/tables";
28
+
29
+ // Components: common
30
+ @import "flatstrap/font-awesome";
31
+ @import "flatstrap/dropdowns";
32
+ @import "flatstrap/wells";
33
+ @import "flatstrap/component-animations";
34
+ @import "flatstrap/close";
35
+
36
+ // Components: Buttons & Alerts
37
+ @import "flatstrap/buttons";
38
+ @import "flatstrap/button-groups";
39
+ @import "flatstrap/alerts"; // Note: alerts share common CSS with buttons and thus have styles in buttons
40
+
41
+ // Components: Nav
42
+ @import "flatstrap/navs";
43
+ @import "flatstrap/navbar";
44
+ @import "flatstrap/breadcrumbs";
45
+ @import "flatstrap/pagination";
46
+ @import "flatstrap/pager";
47
+
48
+ // Components: Popovers
49
+ @import "flatstrap/modals";
50
+ @import "flatstrap/tooltip";
51
+ @import "flatstrap/popovers";
52
+
53
+ // Components: Misc
54
+ @import "flatstrap/thumbnails";
55
+ @import "flatstrap/media";
56
+ @import "flatstrap/labels-badges";
57
+ @import "flatstrap/progress-bars";
58
+ @import "flatstrap/accordion";
59
+ @import "flatstrap/carousel";
60
+ @import "flatstrap/hero-unit";
61
+
62
+ // Utility classes
63
+ @import "flatstrap/utilities"; // Has to be last to override when necessary