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,156 @@
1
+ //
2
+ // Carousel
3
+ // --------------------------------------------------
4
+
5
+
6
+ .carousel {
7
+ position: relative;
8
+ margin-bottom: $baseLineHeight;
9
+ line-height: 1;
10
+ }
11
+
12
+ .carousel-inner {
13
+ overflow: hidden;
14
+ width: 100%;
15
+ position: relative;
16
+ }
17
+
18
+ .carousel-inner {
19
+
20
+ > .item {
21
+ display: none;
22
+ position: relative;
23
+ @include transition(.6s ease-in-out left);
24
+
25
+ // Account for jankitude on images
26
+ > img,
27
+ > a > img {
28
+ display: block;
29
+ line-height: 1;
30
+ }
31
+ }
32
+
33
+ > .active,
34
+ > .next,
35
+ > .prev { display: block; }
36
+
37
+ > .active {
38
+ left: 0;
39
+ }
40
+
41
+ > .next,
42
+ > .prev {
43
+ position: absolute;
44
+ top: 0;
45
+ width: 100%;
46
+ }
47
+
48
+ > .next {
49
+ left: 100%;
50
+ }
51
+ > .prev {
52
+ left: -100%;
53
+ }
54
+ > .next.left,
55
+ > .prev.right {
56
+ left: 0;
57
+ }
58
+
59
+ > .active.left {
60
+ left: -100%;
61
+ }
62
+ > .active.right {
63
+ left: 100%;
64
+ }
65
+
66
+ }
67
+
68
+ // Left/right controls for nav
69
+ // ---------------------------
70
+
71
+ .carousel-control {
72
+ position: absolute;
73
+ top: 40%;
74
+ left: 15px;
75
+ width: 40px;
76
+ height: 40px;
77
+ margin-top: -20px;
78
+ font-size: 60px;
79
+ font-weight: 100;
80
+ line-height: 30px;
81
+ color: $white;
82
+ text-align: center;
83
+ background: $grayDarker;
84
+ border: 3px solid $white;
85
+ @include opacity(50);
86
+
87
+ // we can't have this transition here
88
+ // because webkit cancels the carousel
89
+ // animation if you trip this while
90
+ // in the middle of another animation
91
+ // ;_;
92
+ // .transition(opacity .2s linear);
93
+
94
+ // Reposition the right one
95
+ &.right {
96
+ left: auto;
97
+ right: 15px;
98
+ }
99
+
100
+ // Hover/focus state
101
+ &:hover,
102
+ &:focus {
103
+ color: $white;
104
+ text-decoration: none;
105
+ @include opacity(90);
106
+ }
107
+ }
108
+
109
+ // Carousel indicator pips
110
+ // -----------------------------
111
+ .carousel-indicators {
112
+ position: absolute;
113
+ top: 15px;
114
+ right: 15px;
115
+ z-index: 5;
116
+ margin: 0;
117
+ list-style: none;
118
+
119
+ li {
120
+ display: block;
121
+ float: left;
122
+ width: 10px;
123
+ height: 10px;
124
+ margin-left: 5px;
125
+ text-indent: -999px;
126
+ background-color: #ccc;
127
+ background-color: rgba(255,255,255,.25);
128
+ }
129
+ .active {
130
+ background-color: #fff;
131
+ }
132
+ }
133
+
134
+ // Caption for text below images
135
+ // -----------------------------
136
+
137
+ .carousel-caption {
138
+ position: absolute;
139
+ left: 0;
140
+ right: 0;
141
+ bottom: 0;
142
+ padding: 15px;
143
+ background: $grayDark;
144
+ background: rgba(0,0,0,.75);
145
+ }
146
+ .carousel-caption h4,
147
+ .carousel-caption p {
148
+ color: $white;
149
+ line-height: $baseLineHeight;
150
+ }
151
+ .carousel-caption h4 {
152
+ margin: 0 0 5px;
153
+ }
154
+ .carousel-caption p {
155
+ margin-bottom: 0;
156
+ }
@@ -0,0 +1,32 @@
1
+ //
2
+ // Close icons
3
+ // --------------------------------------------------
4
+
5
+
6
+ .close {
7
+ float: right;
8
+ font-size: 20px;
9
+ font-weight: bold;
10
+ line-height: $baseLineHeight;
11
+ color: $black;
12
+ text-shadow: 0 1px 0 rgba(255,255,255,1);
13
+ @include opacity(20);
14
+ &:hover,
15
+ &:focus {
16
+ color: $black;
17
+ text-decoration: none;
18
+ cursor: pointer;
19
+ @include opacity(40);
20
+ }
21
+ }
22
+
23
+ // Additional properties for button version
24
+ // iOS requires the button element instead of an anchor tag.
25
+ // If you want the anchor version, it requires `href="#"`.
26
+ button.close {
27
+ padding: 0;
28
+ cursor: pointer;
29
+ background: transparent;
30
+ border: 0;
31
+ -webkit-appearance: none;
32
+ }
@@ -0,0 +1,59 @@
1
+ //
2
+ // Code (inline and blocK)
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Inline and block code styles
7
+ code,
8
+ pre {
9
+ padding: 0 3px 2px;
10
+ @include font-family-monospace;
11
+ font-size: $baseFontSize - 2;
12
+ color: $grayDark;
13
+ }
14
+
15
+ // Inline code
16
+ code {
17
+ padding: 2px 4px;
18
+ color: #d14;
19
+ background-color: #f7f7f9;
20
+ border: 1px solid #e1e1e8;
21
+ white-space: nowrap;
22
+ }
23
+
24
+ // Blocks of code
25
+ pre {
26
+ display: block;
27
+ padding: ($baseLineHeight - 1) / 2;
28
+ margin: 0 0 $baseLineHeight / 2;
29
+ font-size: $baseFontSize - 1; // 14px to 13px
30
+ line-height: $baseLineHeight;
31
+ word-break: break-all;
32
+ word-wrap: break-word;
33
+ white-space: pre;
34
+ white-space: pre-wrap;
35
+ background-color: #f5f5f5;
36
+ border: 1px solid #ccc; // fallback for IE7-8
37
+ border: 1px solid rgba(0,0,0,.15);
38
+
39
+ // Make prettyprint styles more spaced out for readability
40
+ &.prettyprint {
41
+ margin-bottom: $baseLineHeight;
42
+ }
43
+
44
+ // Account for some code outputs that place code tags in pre tags
45
+ code {
46
+ padding: 0;
47
+ color: inherit;
48
+ white-space: pre;
49
+ white-space: pre-wrap;
50
+ background-color: transparent;
51
+ border: 0;
52
+ }
53
+ }
54
+
55
+ // Enable scrollable blocks of code
56
+ .pre-scrollable {
57
+ max-height: 340px;
58
+ overflow-y: scroll;
59
+ }
@@ -0,0 +1,22 @@
1
+ //
2
+ // Component animations
3
+ // --------------------------------------------------
4
+
5
+
6
+ .fade {
7
+ opacity: 0;
8
+ @include transition(opacity .15s linear);
9
+ &.in {
10
+ opacity: 1;
11
+ }
12
+ }
13
+
14
+ .collapse {
15
+ position: relative;
16
+ height: 0;
17
+ overflow: hidden;
18
+ @include transition(height .35s ease);
19
+ &.in {
20
+ height: auto;
21
+ }
22
+ }
@@ -0,0 +1,231 @@
1
+ //
2
+ // Dropdown menus
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Use the .menu class on any <li> element within the topbar or ul.tabs and you'll get some superfancy dropdowns
7
+ .dropup,
8
+ .dropdown {
9
+ position: relative;
10
+ }
11
+ .dropdown-toggle {
12
+ // The caret makes the toggle a bit too tall in IE7
13
+ *margin-bottom: -3px;
14
+ }
15
+ .dropdown-toggle:active,
16
+ .open .dropdown-toggle {
17
+ outline: 0;
18
+ }
19
+
20
+ // Dropdown arrow/caret
21
+ // --------------------
22
+ .caret {
23
+ display: inline-block;
24
+ width: 0;
25
+ height: 0;
26
+ vertical-align: top;
27
+ border-top: 4px solid $black;
28
+ border-right: 4px solid transparent;
29
+ border-left: 4px solid transparent;
30
+ content: "";
31
+ }
32
+
33
+ // Place the caret
34
+ .dropdown .caret {
35
+ margin-top: 8px;
36
+ margin-left: 2px;
37
+ }
38
+
39
+ // The dropdown menu (ul)
40
+ // ----------------------
41
+ .dropdown-menu {
42
+ position: absolute;
43
+ top: 100%;
44
+ left: 0;
45
+ z-index: $zindexDropdown;
46
+ display: none; // none by default, but block on "open" of the menu
47
+ float: left;
48
+ min-width: 160px;
49
+ padding: 5px 0;
50
+ margin: 2px 0 0; // override default ul
51
+ list-style: none;
52
+ background-color: $dropdownBackground;
53
+ border: 1px solid #ccc; // Fallback for IE7-8
54
+ border: 1px solid $dropdownBorder;
55
+ *border-right-width: 2px;
56
+ *border-bottom-width: 2px;
57
+ -webkit-background-clip: padding-box;
58
+ -moz-background-clip: padding;
59
+ background-clip: padding-box;
60
+
61
+ // Aligns the dropdown menu to right
62
+ &.pull-right {
63
+ right: 0;
64
+ left: auto;
65
+ }
66
+
67
+ // Dividers (basically an hr) within the dropdown
68
+ .divider {
69
+ @include nav-divider($dropdownDividerTop, $dropdownDividerBottom);
70
+ }
71
+
72
+ // Links within the dropdown menu
73
+ > li > a {
74
+ display: block;
75
+ padding: 3px 20px;
76
+ clear: both;
77
+ font-weight: normal;
78
+ line-height: $baseLineHeight;
79
+ color: $dropdownLinkColor;
80
+ white-space: nowrap;
81
+ }
82
+ }
83
+
84
+ // Hover/Focus state
85
+ // -----------
86
+ .dropdown-menu > li > a:hover,
87
+ .dropdown-menu > li > a:focus,
88
+ .dropdown-submenu:hover > a,
89
+ .dropdown-submenu:focus > a {
90
+ text-decoration: none;
91
+ color: $dropdownLinkColorHover;
92
+ @include gradient-vertical($dropdownLinkBackgroundHover, darken($dropdownLinkBackgroundHover, 5%));
93
+ }
94
+
95
+ // Active state
96
+ // ------------
97
+ .dropdown-menu > .active > a,
98
+ .dropdown-menu > .active > a:hover,
99
+ .dropdown-menu > .active > a:focus {
100
+ color: $dropdownLinkColorActive;
101
+ text-decoration: none;
102
+ outline: 0;
103
+ @include gradient-vertical($dropdownLinkBackgroundActive, darken($dropdownLinkBackgroundActive, 5%));
104
+ }
105
+
106
+ // Disabled state
107
+ // --------------
108
+ // Gray out text and ensure the hover/focus state remains gray
109
+ .dropdown-menu > .disabled > a,
110
+ .dropdown-menu > .disabled > a:hover,
111
+ .dropdown-menu > .disabled > a:focus {
112
+ color: $grayLight;
113
+ }
114
+ // Nuke hover/focus effects
115
+ .dropdown-menu > .disabled > a:hover,
116
+ .dropdown-menu > .disabled > a:focus {
117
+ text-decoration: none;
118
+ background-color: transparent;
119
+ background-image: none; // Remove CSS gradient
120
+ @include reset-filter();
121
+ cursor: default;
122
+ }
123
+
124
+ // Open state for the dropdown
125
+ // ---------------------------
126
+ .open {
127
+ // IE7's z-index only goes to the nearest positioned ancestor, which would
128
+ // make the menu appear below buttons that appeared later on the page
129
+ *z-index: $zindexDropdown;
130
+
131
+ & > .dropdown-menu {
132
+ display: block;
133
+ }
134
+ }
135
+
136
+ // Right aligned dropdowns
137
+ // ---------------------------
138
+ .pull-right > .dropdown-menu {
139
+ right: 0;
140
+ left: auto;
141
+ }
142
+
143
+ // Allow for dropdowns to go bottom up (aka, dropup-menu)
144
+ // ------------------------------------------------------
145
+ // Just add .dropup after the standard .dropdown class and you're set, bro.
146
+ // TODO: abstract this so that the navbar fixed styles are not placed here?
147
+ .dropup,
148
+ .navbar-fixed-bottom .dropdown {
149
+ // Reverse the caret
150
+ .caret {
151
+ border-top: 0;
152
+ border-bottom: 4px solid $black;
153
+ content: "";
154
+ }
155
+ // Different positioning for bottom up menu
156
+ .dropdown-menu {
157
+ top: auto;
158
+ bottom: 100%;
159
+ margin-bottom: 1px;
160
+ }
161
+ }
162
+
163
+ // Sub menus
164
+ // ---------------------------
165
+ .dropdown-submenu {
166
+ position: relative;
167
+ }
168
+ // Default dropdowns
169
+ .dropdown-submenu > .dropdown-menu {
170
+ top: 0;
171
+ left: 100%;
172
+ margin-top: -6px;
173
+ margin-left: -1px;
174
+ }
175
+ .dropdown-submenu:hover > .dropdown-menu {
176
+ display: block;
177
+ }
178
+
179
+ // Dropups
180
+ .dropup .dropdown-submenu > .dropdown-menu {
181
+ top: auto;
182
+ bottom: 0;
183
+ margin-top: 0;
184
+ margin-bottom: -2px;
185
+ }
186
+
187
+ // Caret to indicate there is a submenu
188
+ .dropdown-submenu > a:after {
189
+ display: block;
190
+ content: " ";
191
+ float: right;
192
+ width: 0;
193
+ height: 0;
194
+ border-color: transparent;
195
+ border-style: solid;
196
+ border-width: 5px 0 5px 5px;
197
+ border-left-color: darken($dropdownBackground, 20%);
198
+ margin-top: 5px;
199
+ margin-right: -10px;
200
+ }
201
+ .dropdown-submenu:hover > a:after {
202
+ border-left-color: $dropdownLinkColorHover;
203
+ }
204
+
205
+ // Left aligned submenus
206
+ .dropdown-submenu.pull-left {
207
+ // Undo the float
208
+ // Yes, this is awkward since .pull-left adds a float, but it sticks to our conventions elsewhere.
209
+ float: none;
210
+
211
+ // Positioning the submenu
212
+ > .dropdown-menu {
213
+ left: -100%;
214
+ margin-left: 10px;
215
+ }
216
+ }
217
+
218
+ // Tweak nav headers
219
+ // -----------------
220
+ // Increase padding from 15px to 20px on sides
221
+ .dropdown .dropdown-menu .nav-header {
222
+ padding-left: 20px;
223
+ padding-right: 20px;
224
+ }
225
+
226
+ // Typeahead
227
+ // ---------
228
+ .typeahead {
229
+ z-index: 1051;
230
+ margin-top: 2px; // give it some space to breathe
231
+ }