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,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