bootstrapped-rails 2.0.8.1 → 2.0.8.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (107) hide show
  1. data/lib/bootstrapped-rails/version.rb +1 -1
  2. metadata +7 -112
  3. data/vendor/assets/twitter/.gitignore +0 -33
  4. data/vendor/assets/twitter/LICENSE +0 -13
  5. data/vendor/assets/twitter/Makefile +0 -59
  6. data/vendor/assets/twitter/README.md +0 -94
  7. data/vendor/assets/twitter/img/glyphicons-halflings-white.png +0 -0
  8. data/vendor/assets/twitter/img/glyphicons-halflings.png +0 -0
  9. data/vendor/assets/twitter/js/README.md +0 -106
  10. data/vendor/assets/twitter/js/bootstrap-alert.js +0 -91
  11. data/vendor/assets/twitter/js/bootstrap-button.js +0 -98
  12. data/vendor/assets/twitter/js/bootstrap-carousel.js +0 -154
  13. data/vendor/assets/twitter/js/bootstrap-collapse.js +0 -136
  14. data/vendor/assets/twitter/js/bootstrap-dropdown.js +0 -92
  15. data/vendor/assets/twitter/js/bootstrap-modal.js +0 -209
  16. data/vendor/assets/twitter/js/bootstrap-popover.js +0 -95
  17. data/vendor/assets/twitter/js/bootstrap-scrollspy.js +0 -125
  18. data/vendor/assets/twitter/js/bootstrap-tab.js +0 -130
  19. data/vendor/assets/twitter/js/bootstrap-tooltip.js +0 -270
  20. data/vendor/assets/twitter/js/bootstrap-transition.js +0 -51
  21. data/vendor/assets/twitter/js/bootstrap-typeahead.js +0 -271
  22. data/vendor/assets/twitter/js/tests/index.html +0 -49
  23. data/vendor/assets/twitter/js/tests/unit/bootstrap-alert.js +0 -41
  24. data/vendor/assets/twitter/js/tests/unit/bootstrap-button.js +0 -54
  25. data/vendor/assets/twitter/js/tests/unit/bootstrap-collapse.js +0 -25
  26. data/vendor/assets/twitter/js/tests/unit/bootstrap-dropdown.js +0 -53
  27. data/vendor/assets/twitter/js/tests/unit/bootstrap-modal.js +0 -85
  28. data/vendor/assets/twitter/js/tests/unit/bootstrap-popover.js +0 -93
  29. data/vendor/assets/twitter/js/tests/unit/bootstrap-scrollspy.js +0 -31
  30. data/vendor/assets/twitter/js/tests/unit/bootstrap-tab.js +0 -45
  31. data/vendor/assets/twitter/js/tests/unit/bootstrap-tooltip.js +0 -62
  32. data/vendor/assets/twitter/js/tests/unit/bootstrap-transition.js +0 -13
  33. data/vendor/assets/twitter/js/tests/unit/bootstrap-typeahead.js +0 -128
  34. data/vendor/assets/twitter/js/tests/vendor/jquery.js +0 -9252
  35. data/vendor/assets/twitter/js/tests/vendor/qunit.css +0 -232
  36. data/vendor/assets/twitter/js/tests/vendor/qunit.js +0 -1510
  37. data/vendor/assets/twitter/scss/accordion.scss +0 -28
  38. data/vendor/assets/twitter/scss/alerts.scss +0 -70
  39. data/vendor/assets/twitter/scss/bootstrap.scss +0 -62
  40. data/vendor/assets/twitter/scss/breadcrumbs.scss +0 -22
  41. data/vendor/assets/twitter/scss/button-groups.scss +0 -147
  42. data/vendor/assets/twitter/scss/buttons.scss +0 -168
  43. data/vendor/assets/twitter/scss/carousel.scss +0 -121
  44. data/vendor/assets/twitter/scss/close.scss +0 -18
  45. data/vendor/assets/twitter/scss/code.scss +0 -44
  46. data/vendor/assets/twitter/scss/component-animations.scss +0 -18
  47. data/vendor/assets/twitter/scss/dropdowns.scss +0 -131
  48. data/vendor/assets/twitter/scss/forms.scss +0 -516
  49. data/vendor/assets/twitter/scss/grid.scss +0 -8
  50. data/vendor/assets/twitter/scss/hero-unit.scss +0 -20
  51. data/vendor/assets/twitter/scss/labels.scss +0 -16
  52. data/vendor/assets/twitter/scss/layouts.scss +0 -17
  53. data/vendor/assets/twitter/scss/mixins.scss +0 -500
  54. data/vendor/assets/twitter/scss/modals.scss +0 -72
  55. data/vendor/assets/twitter/scss/navbar.scss +0 -292
  56. data/vendor/assets/twitter/scss/navs.scss +0 -344
  57. data/vendor/assets/twitter/scss/pager.scss +0 -30
  58. data/vendor/assets/twitter/scss/pagination.scss +0 -55
  59. data/vendor/assets/twitter/scss/popovers.scss +0 -49
  60. data/vendor/assets/twitter/scss/progress-bars.scss +0 -95
  61. data/vendor/assets/twitter/scss/reset.scss +0 -126
  62. data/vendor/assets/twitter/scss/responsive.scss +0 -323
  63. data/vendor/assets/twitter/scss/scaffolding.scss +0 -29
  64. data/vendor/assets/twitter/scss/sprites.scss +0 -158
  65. data/vendor/assets/twitter/scss/tables.scss +0 -130
  66. data/vendor/assets/twitter/scss/thumbnails.scss +0 -35
  67. data/vendor/assets/twitter/scss/tooltip.scss +0 -35
  68. data/vendor/assets/twitter/scss/type.scss +0 -217
  69. data/vendor/assets/twitter/scss/utilities.scss +0 -23
  70. data/vendor/assets/twitter/scss/variables.scss +0 -99
  71. data/vendor/assets/twitter/scss/wells.scss +0 -17
  72. data/vendor/toolkit/twitter/bootstrap/accordion.less +0 -28
  73. data/vendor/toolkit/twitter/bootstrap/alerts.less +0 -70
  74. data/vendor/toolkit/twitter/bootstrap/bootstrap.less +0 -62
  75. data/vendor/toolkit/twitter/bootstrap/breadcrumbs.less +0 -22
  76. data/vendor/toolkit/twitter/bootstrap/button-groups.less +0 -148
  77. data/vendor/toolkit/twitter/bootstrap/buttons.less +0 -183
  78. data/vendor/toolkit/twitter/bootstrap/carousel.less +0 -121
  79. data/vendor/toolkit/twitter/bootstrap/close.less +0 -18
  80. data/vendor/toolkit/twitter/bootstrap/code.less +0 -57
  81. data/vendor/toolkit/twitter/bootstrap/component-animations.less +0 -18
  82. data/vendor/toolkit/twitter/bootstrap/dropdowns.less +0 -130
  83. data/vendor/toolkit/twitter/bootstrap/forms.less +0 -522
  84. data/vendor/toolkit/twitter/bootstrap/grid.less +0 -8
  85. data/vendor/toolkit/twitter/bootstrap/hero-unit.less +0 -20
  86. data/vendor/toolkit/twitter/bootstrap/labels.less +0 -32
  87. data/vendor/toolkit/twitter/bootstrap/layouts.less +0 -17
  88. data/vendor/toolkit/twitter/bootstrap/mixins.less +0 -590
  89. data/vendor/toolkit/twitter/bootstrap/modals.less +0 -83
  90. data/vendor/toolkit/twitter/bootstrap/navbar.less +0 -299
  91. data/vendor/toolkit/twitter/bootstrap/navs.less +0 -353
  92. data/vendor/toolkit/twitter/bootstrap/pager.less +0 -30
  93. data/vendor/toolkit/twitter/bootstrap/pagination.less +0 -55
  94. data/vendor/toolkit/twitter/bootstrap/popovers.less +0 -49
  95. data/vendor/toolkit/twitter/bootstrap/progress-bars.less +0 -95
  96. data/vendor/toolkit/twitter/bootstrap/reset.less +0 -126
  97. data/vendor/toolkit/twitter/bootstrap/responsive.less +0 -327
  98. data/vendor/toolkit/twitter/bootstrap/scaffolding.less +0 -29
  99. data/vendor/toolkit/twitter/bootstrap/sprites.less +0 -158
  100. data/vendor/toolkit/twitter/bootstrap/tables.less +0 -150
  101. data/vendor/toolkit/twitter/bootstrap/thumbnails.less +0 -35
  102. data/vendor/toolkit/twitter/bootstrap/tooltip.less +0 -35
  103. data/vendor/toolkit/twitter/bootstrap/type.less +0 -218
  104. data/vendor/toolkit/twitter/bootstrap/utilities.less +0 -23
  105. data/vendor/toolkit/twitter/bootstrap/variables.less +0 -107
  106. data/vendor/toolkit/twitter/bootstrap/wells.less +0 -17
  107. data/vendor/toolkit/twitter/bootstrap_base.less +0 -2
@@ -1,8 +0,0 @@
1
- // GRID SYSTEM
2
- // -----------
3
-
4
- // Fixed (940px)
5
- @include grid-system-generate($gridColumns, $gridColumnWidth, $gridGutterWidth);
6
-
7
- // Fluid (940px)
8
- @include fluid-grid-system-generate($gridColumns, $fluidGridColumnWidth, $fluidGridGutterWidth);
@@ -1,20 +0,0 @@
1
- // HERO UNIT
2
- // ---------
3
-
4
- .hero-unit {
5
- padding: 60px;
6
- margin-bottom: 30px;
7
- background-color: #f5f5f5;
8
- @include border-radius(6px);
9
- h1 {
10
- margin-bottom: 0;
11
- font-size: 60px;
12
- line-height: 1;
13
- letter-spacing: -1px;
14
- }
15
- p {
16
- font-size: 18px;
17
- font-weight: 200;
18
- line-height: $baseLineHeight * 1.5;
19
- }
20
- }
@@ -1,16 +0,0 @@
1
- // LABELS
2
- // ------
3
-
4
- .label {
5
- padding: 1px 3px 2px;
6
- font-size: $baseFontSize * .75;
7
- font-weight: bold;
8
- color: $white;
9
- text-transform: uppercase;
10
- background-color: $grayLight;
11
- @include border-radius(3px);
12
- }
13
- .label-important { background-color: $errorText; }
14
- .label-warning { background-color: $orange; }
15
- .label-success { background-color: $successText; }
16
- .label-info { background-color: $infoText; }
@@ -1,17 +0,0 @@
1
- //
2
- // Layouts
3
- // Fixed-width and fluid (with sidebar) layouts
4
- // --------------------------------------------
5
-
6
-
7
- // Container (centered, fixed-width layouts)
8
- .container {
9
- @include container-fixed();
10
- }
11
-
12
- // Fluid layouts (left aligned, with sidebar, min- & max-width content)
13
- .container-fluid {
14
- padding-left: $gridGutterWidth;
15
- padding-right: $gridGutterWidth;
16
- @include clearfix();
17
- }
@@ -1,500 +0,0 @@
1
- // Mixins.less
2
- // Snippets of reusable CSS to develop faster and keep code readable
3
- // -----------------------------------------------------------------
4
-
5
-
6
- // UTILITY MIXINS
7
- // --------------------------------------------------
8
-
9
- // Clearfix
10
- // --------
11
- // For clearing floats like a boss h5bp.com/q
12
- @mixin clearfix() {
13
- *zoom: 1;
14
- &:before,
15
- &:after {
16
- display: table;
17
- content: "";
18
- }
19
- &:after {
20
- clear: both;
21
- }
22
- }
23
-
24
- // Webkit-style focus
25
- // ------------------
26
- @mixin tab-focus() {
27
- // Default
28
- outline: thin dotted;
29
- // Webkit
30
- outline: 5px auto -webkit-focus-ring-color;
31
- outline-offset: -2px;
32
- }
33
-
34
- // Center-align a block level element
35
- // ----------------------------------
36
- @mixin center-block() {
37
- display: block;
38
- margin-left: auto;
39
- margin-right: auto;
40
- }
41
-
42
- // IE7 inline-block
43
- // ----------------
44
- @mixin ie7-inline-block() {
45
- *display: inline; /* IE7 inline-block hack */
46
- *zoom: 1;
47
- }
48
-
49
- // IE7 likes to collapse whitespace on either side of the inline-block elements.
50
- // Ems because we're attempting to match the width of a space character. Left
51
- // version is for form buttons, which typically come after other elements, and
52
- // right version is for icons, which come before. Applying both is ok, but it will
53
- // mean that space between those elements will be .6em (~2 space characters) in IE7,
54
- // instead of the 1 space in other browsers.
55
- @mixin ie7-restore-left-whitespace() {
56
- *margin-left: .3em;
57
-
58
- &:first-child {
59
- *margin-left: 0;
60
- }
61
- }
62
-
63
- @mixin ie7-restore-right-whitespace() {
64
- *margin-right: .3em;
65
-
66
- &:last-child {
67
- *margin-left: 0;
68
- }
69
- }
70
-
71
- // Sizing shortcuts
72
- // -------------------------
73
- @mixin size($height: 5px, $width: 5px) {
74
- width: $width;
75
- height: $height;
76
- }
77
- @mixin square($size: 5px) {
78
- @include size($size, $size);
79
- }
80
-
81
- // Placeholder text
82
- // -------------------------
83
- @mixin placeholder($color: $placeholderText) {
84
- :-moz-placeholder {
85
- color: $color;
86
- }
87
- ::-webkit-input-placeholder {
88
- color: $color;
89
- }
90
- }
91
-
92
-
93
-
94
- // FONTS
95
- // --------------------------------------------------
96
-
97
- @mixin font-family-serif() {
98
- font-family: Georgia, "Times New Roman", Times, serif;
99
- }
100
-
101
- @mixin font-family-sans-serif() {
102
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
103
- }
104
-
105
- @mixin font-family-monospace() {
106
- font-family: Menlo, Monaco, "Courier New", monospace;
107
- }
108
-
109
- @mixin font-shorthand($size: $baseFontSize, $weight: normal, $lineHeight: $baseLineHeight) {
110
- font-size: $size;
111
- font-weight: $weight;
112
- line-height: $lineHeight;
113
- }
114
-
115
- @mixin font-serif($size: $baseFontSize, $weight: normal, $lineHeight: $baseLineHeight) {
116
- @include font-family-serif;
117
- @include font-shorthand($size, $weight, $lineHeight);
118
- }
119
-
120
- @mixin font-sans-serif($size: $baseFontSize, $weight: normal, $lineHeight: $baseLineHeight) {
121
- @include font-family-sans-serif;
122
- @include font-shorthand($size, $weight, $lineHeight);
123
- }
124
-
125
- @mixin font-monospace($size: $baseFontSize, $weight: normal, $lineHeight: $baseLineHeight) {
126
- @include font-family-monospace;
127
- @include font-shorthand($size, $weight, $lineHeight);
128
- }
129
-
130
-
131
-
132
-
133
- // GRID SYSTEM
134
- // --------------------------------------------------
135
-
136
- // Site container
137
- // -------------------------
138
- @mixin container-fixed() {
139
- width: $gridRowWidth;
140
- margin-left: auto;
141
- margin-right: auto;
142
- @include clearfix();
143
- }
144
-
145
- // Le grid system
146
- // -------------------------
147
-
148
- // Setup the mixins to be used
149
- @mixin grid-system-columns($gridGutterWidth, $gridColumnWidth, $gridRowWidth, $columns) {
150
- width: ($gridColumnWidth * $columns) + ($gridGutterWidth * ($columns - 1));
151
- }
152
-
153
- @mixin grid-system-offset($gridColumnWidth, $gridGutterWidth, $columns) {
154
- margin-left: ($gridColumnWidth * $columns) + ($gridGutterWidth * ($columns - 1)) + ($gridGutterWidth * 2);
155
- }
156
-
157
- @mixin grid-system-grid-column($gridGutterWidth) {
158
- float: left;
159
- margin-left: $gridGutterWidth;
160
- }
161
-
162
- // Take these values and mixins, and make 'em do their thang
163
- @mixin grid-system-generate($gridColumns, $gridColumnWidth, $gridGutterWidth) {
164
- // Row surrounds the columns
165
- .row {
166
- margin-left: $gridGutterWidth * -1;
167
- @include clearfix();
168
- }
169
- // Find all .span# classes within .row and give them the necessary properties for grid columns (supported by all browsers back to IE7, thanks @dhg)
170
- [class*="span"] {
171
- @include grid-system-grid-column($gridGutterWidth);
172
- }
173
- // Default columns
174
- @for $i from 1 through 12 {
175
- .span#{$i} { @include grid-system-columns($gridGutterWidth, $gridColumnWidth, $gridRowWidth, $i); }
176
- }
177
- .container { @include grid-system-columns($gridGutterWidth, $gridColumnWidth, $gridRowWidth, 12); }
178
- // Offset column options
179
- @for $i from 1 through 11 {
180
- .offset#{$i} { @include grid-system-offset($gridColumnWidth, $gridGutterWidth, $i); }
181
- }
182
- }
183
-
184
- // Fluid grid system
185
- // -------------------------
186
-
187
- // Setup the mixins to be used
188
- @mixin fluid-grid-system-columns($fluidGridGutterWidth, $fluidGridColumnWidth, $columns) {
189
- //TODO: check floid
190
- width: ($fluidGridColumnWidth * $columns) + ($fluidGridGutterWidth * ($columns - 1));
191
- }
192
- @mixin fluid-grid-system-grid-column($fluidGridGutterWidth) {
193
- float: left;
194
- margin-left: $fluidGridGutterWidth;
195
- }
196
- // Take these values and mixins, and make 'em do their thang
197
- @mixin fluid-grid-system-generate($gridColumns, $fluidGridColumnWidth, $fluidGridGutterWidth) {
198
- // Row surrounds the columns
199
- .row-fluid {
200
- width: 100%;
201
- @include clearfix();
202
-
203
- // Find all .span# classes within .row and give them the necessary properties for grid columns (supported by all browsers back to IE7, thanks @dhg)
204
- > [class*="span"] {
205
- @include fluid-grid-system-grid-column($fluidGridGutterWidth);
206
- }
207
- > [class*="span"]:first-child {
208
- margin-left: 0;
209
- }
210
- // Default columns
211
- @for $i from 1 through 12 {
212
- .span#{$i} { @include fluid-grid-system-columns($fluidGridGutterWidth, $fluidGridColumnWidth, $i); }
213
- }
214
- }
215
- }
216
-
217
-
218
-
219
- // Input grid system
220
- // -------------------------
221
- @mixin input-grid-system-input-columns($gridGutterWidth, $gridColumnWidth, $gridRowWidth, $columns) {
222
- width: (($gridColumnWidth) * $columns) + ($gridGutterWidth * ($columns - 1)) - 10;
223
- }
224
- @mixin input-grid-system-generate($gridColumns, $gridColumnWidth, $gridGutterWidth) {
225
- input,
226
- textarea,
227
- .uneditable-input {
228
- @for $i from 1 through 12 {
229
- &.span#{$i} { @include input-grid-system-input-columns($gridGutterWidth, $gridColumnWidth, $gridRowWidth, $i); }
230
- }
231
- }
232
- }
233
-
234
-
235
-
236
- // CSS3 PROPERTIES
237
- // --------------------------------------------------
238
-
239
- // Border Radius
240
- @mixin border-radius($radius: 5px) {
241
- -webkit-border-radius: $radius;
242
- -moz-border-radius: $radius;
243
- border-radius: $radius;
244
- }
245
-
246
- // Drop shadows
247
- @mixin box-shadow($shadow: 0 1px 3px rgba(0,0,0,.25)) {
248
- -webkit-box-shadow: $shadow;
249
- -moz-box-shadow: $shadow;
250
- box-shadow: $shadow;
251
- }
252
-
253
- // Transitions
254
- @mixin transition($transition) {
255
- -webkit-transition: $transition;
256
- -moz-transition: $transition;
257
- -ms-transition: $transition;
258
- -o-transition: $transition;
259
- transition: $transition;
260
- }
261
-
262
- // Transformations
263
- @mixin rotate($degrees) {
264
- -webkit-transform: rotate($degrees);
265
- -moz-transform: rotate($degrees);
266
- -ms-transform: rotate($degrees);
267
- -o-transform: rotate($degrees);
268
- transform: rotate($degrees);
269
- }
270
- @mixin scale($ratio) {
271
- -webkit-transform: scale($ratio);
272
- -moz-transform: scale($ratio);
273
- -ms-transform: scale($ratio);
274
- -o-transform: scale($ratio);
275
- transform: scale($ratio);
276
- }
277
- @mixin translate($x: 0, $y: 0) {
278
- -webkit-transform: translate($x, $y);
279
- -moz-transform: translate($x, $y);
280
- -ms-transform: translate($x, $y);
281
- -o-transform: translate($x, $y);
282
- transform: translate($x, $y);
283
- }
284
- @mixin skew($x: 0, $y: 0) {
285
- -webkit-transform: skew($x, $y);
286
- -moz-transform: skew($x, $y);
287
- -ms-transform: skew($x, $y);
288
- -o-transform: skew($x, $y);
289
- transform: skew($x, $y);
290
- }
291
-
292
- // Background clipping
293
- // Heads up: FF 3.6 and under need "padding" instead of "padding-box"
294
- @mixin background-clip($clip) {
295
- -webkit-background-clip: $clip;
296
- -moz-background-clip: $clip;
297
- background-clip: $clip;
298
- }
299
-
300
- // Background sizing
301
- @mixin background-size($size){
302
- -webkit-background-size: $size;
303
- -moz-background-size: $size;
304
- -o-background-size: $size;
305
- background-size: $size;
306
- }
307
-
308
-
309
- // Box sizing
310
- @mixin box-sizing($boxmodel) {
311
- -webkit-box-sizing: $boxmodel;
312
- -moz-box-sizing: $boxmodel;
313
- box-sizing: $boxmodel;
314
- }
315
-
316
- // User select
317
- // For selecting text on the page
318
- @mixin user-select($select) {
319
- -webkit-user-select: $select;
320
- -moz-user-select: $select;
321
- -o-user-select: $select;
322
- user-select: $select;
323
- }
324
-
325
- // Resize anything
326
- @mixin resizable($direction: both) {
327
- resize: $direction; // Options: horizontal, vertical, both
328
- overflow: auto; // Safari fix
329
- }
330
-
331
- // CSS3 Content Columns
332
- @mixin content-columns($columnCount, $columnGap: $gridColumnGutter) {
333
- -webkit-column-count: $columnCount;
334
- -moz-column-count: $columnCount;
335
- column-count: $columnCount;
336
- -webkit-column-gap: $columnGap;
337
- -moz-column-gap: $columnGap;
338
- column-gap: $columnGap;
339
- }
340
-
341
- // Opacity
342
- @mixin opacity($opacity: 100) {
343
- opacity: $opacity / 100;
344
- filter: alpha(opacity=#{$opacity});
345
- }
346
-
347
-
348
-
349
- // BACKGROUNDS
350
- // --------------------------------------------------
351
-
352
- // Add an alphatransparency value to any background or border color (via Elyse Holladay)
353
- @mixin translucent-background($color: $white, $alpha: 1) {
354
- background-color: hsla(hue($color), saturation($color), lightness($color), $alpha);
355
- }
356
- @mixin translucent-border($color: $white, $alpha: 1) {
357
- border-color: hsla(hue($color), saturation($color), lightness($color), $alpha);
358
- @include background-clip(padding-box);
359
- }
360
-
361
- // Gradients
362
- @mixin gradient-horizontal($startColor: #555, $endColor: #333) {
363
- background-color: $endColor;
364
- background-image: -moz-linear-gradient(left, $startColor, $endColor); // FF 3.6+
365
- background-image: -ms-linear-gradient(left, $startColor, $endColor); // IE10
366
- background-image: -webkit-gradient(linear, 0 0, 100% 0, from($startColor), to($endColor)); // Safari 4+, Chrome 2+
367
- background-image: -webkit-linear-gradient(left, $startColor, $endColor); // Safari 5.1+, Chrome 10+
368
- background-image: -o-linear-gradient(left, $startColor, $endColor); // Opera 11.10
369
- background-image: linear-gradient(left, $startColor, $endColor); // Le standard
370
- background-repeat: repeat-x;
371
- $ieStartColor: ie_hex_str($startColor);
372
- $ieEndColor: ie_hex_str($endColor);
373
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$ieStartColor}', endColorstr='#{$ieEndColor}', GradientType=1); // IE9 and down
374
- }
375
- @mixin gradient-vertical($startColor: #555, $endColor: #333) {
376
- background-color: mix($startColor, $endColor, 60%);
377
- background-image: -moz-linear-gradient(top, $startColor, $endColor); // FF 3.6+
378
- background-image: -ms-linear-gradient(top, $startColor, $endColor); // IE10
379
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from($startColor), to($endColor)); // Safari 4+, Chrome 2+
380
- background-image: -webkit-linear-gradient(top, $startColor, $endColor); // Safari 5.1+, Chrome 10+
381
- background-image: -o-linear-gradient(top, $startColor, $endColor); // Opera 11.10
382
- background-image: linear-gradient(top, $startColor, $endColor); // The standard
383
- background-repeat: repeat-x;
384
- $ieStartColor: ie_hex_str($startColor);
385
- $ieEndColor: ie_hex_str($endColor);
386
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$ieStartColor}', endColorstr='#{$ieEndColor}', GradientType=0); // IE9 and down
387
- }
388
- @mixin gradient-directional($startColor: #555, $endColor: #333, $deg: 45deg) {
389
- background-color: $endColor;
390
- background-repeat: repeat-x;
391
- background-image: -moz-linear-gradient($deg, $startColor, $endColor); // FF 3.6+
392
- background-image: -ms-linear-gradient($deg, $startColor, $endColor); // IE10
393
- background-image: -webkit-linear-gradient($deg, $startColor, $endColor); // Safari 5.1+, Chrome 10+
394
- background-image: -o-linear-gradient($deg, $startColor, $endColor); // Opera 11.10
395
- background-image: linear-gradient($deg, $startColor, $endColor); // The standard
396
- }
397
- @mixin gradient-vertical-three-colors($startColor: #00b3ee, $midColor: #7a43b6, $colorStop: 50%, $endColor: #c3325f) {
398
- background-color: mix($midColor, $endColor, 80%);
399
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from($startColor), color-stop($colorStop, $midColor), to($endColor));
400
- background-image: -webkit-linear-gradient($startColor, $midColor $colorStop, $endColor);
401
- background-image: -moz-linear-gradient(top, $startColor, $midColor $colorStop, $endColor);
402
- background-image: -ms-linear-gradient($startColor, $midColor $colorStop, $endColor);
403
- background-image: -o-linear-gradient($startColor, $midColor $colorStop, $endColor);
404
- background-image: linear-gradient($startColor, $midColor $colorStop, $endColor);
405
- background-repeat: no-repeat;
406
- $ieStartColor: ie_hex_str($startColor);
407
- $ieEndColor: ie_hex_str($endColor);
408
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$ieStartColor}', endColorstr='#{$ieEndColor}', GradientType=0); // IE9 and down, gets no color-stop at all for proper fallback
409
- }
410
- @mixin gradient-radial($innerColor: #555, $outerColor: #333) {
411
- background-color: $outerColor;
412
- background-image: -webkit-gradient(radial, center center, 0, center center, 460, from($innerColor), to($outerColor));
413
- background-image: -webkit-radial-gradient(circle, $innerColor, $outerColor);
414
- background-image: -moz-radial-gradient(circle, $innerColor, $outerColor);
415
- background-image: -ms-radial-gradient(circle, $innerColor, $outerColor);
416
- background-repeat: no-repeat;
417
- // Opera cannot do radial gradients yet
418
- }
419
- @mixin gradient-striped($color, $angle: -45deg) {
420
- background-color: $color;
421
- $transparent: rgba(0,0,0,0); // Workaround compass transparent color-stop bug https://github.com/chriseppstein/compass/issues/356
422
- background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent));
423
- background-image: -webkit-linear-gradient($angle, rgba(255,255,255,.15) 25%, $transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, $transparent 75%, $transparent);
424
- background-image: -moz-linear-gradient($angle, rgba(255,255,255,.15) 25%, $transparent 25%, $transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, $transparent 75%, $transparent);
425
- background-image: -ms-linear-gradient($angle, rgba(255,255,255,.15) 25%, $transparent 25%, $transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, $transparent 75%, $transparent);
426
- background-image: -o-linear-gradient($angle, rgba(255,255,255,.15) 25%, $transparent 25%, $transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, $transparent 75%, $transparent);
427
- background-image: linear-gradient($angle, rgba(255,255,255,.15) 25%, $transparent 25%, $transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, $transparent 75%, $transparent);
428
- }
429
-
430
- // Gradient Bar Colors for buttons and alerts
431
- @mixin gradient-bar($primaryColor, $secondaryColor) {
432
- @include gradient-vertical($primaryColor, $secondaryColor);
433
- border-color: $secondaryColor $secondaryColor darken($secondaryColor, 15%);
434
- border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%);
435
- }
436
-
437
- // Reset filters for IE
438
- @mixin reset-filter() {
439
- filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
440
- }
441
-
442
-
443
- // Mixin for generating button backgrounds
444
- // ---------------------------------------
445
- @mixin button-background($startColor, $endColor) {
446
- // gradientBar will set the background to a pleasing blend of these, to support IE<=9
447
- @include gradient-bar($startColor, $endColor);
448
- @include reset-filter();
449
-
450
- // in these cases the gradient won't cover the background, so we override
451
- &:hover, &:active, &.active, &.disabled, &[disabled] {
452
- background-color: $endColor;
453
- }
454
-
455
- // IE 7 + 8 can't handle box-shadow to show active, so we darken a bit ourselves
456
- &:active,
457
- &.active {
458
- background-color: darken($endColor, 10%) \9;
459
- }
460
- }
461
-
462
-
463
- // COMPONENT MIXINS
464
- // --------------------------------------------------
465
-
466
- // POPOVER ARROWS
467
- // -------------------------
468
- // For tipsies and popovers
469
- @mixin popover-arrow-top($arrowWidth: 5px) {
470
- bottom: 0;
471
- left: 50%;
472
- margin-left: -$arrowWidth;
473
- border-left: $arrowWidth solid transparent;
474
- border-right: $arrowWidth solid transparent;
475
- border-top: $arrowWidth solid $black;
476
- }
477
- @mixin popover-arrow-left($arrowWidth: 5px) {
478
- top: 50%;
479
- right: 0;
480
- margin-top: -$arrowWidth;
481
- border-top: $arrowWidth solid transparent;
482
- border-bottom: $arrowWidth solid transparent;
483
- border-left: $arrowWidth solid $black;
484
- }
485
- @mixin popover-arrow-bottom($arrowWidth: 5px) {
486
- top: 0;
487
- left: 50%;
488
- margin-left: -$arrowWidth;
489
- border-left: $arrowWidth solid transparent;
490
- border-right: $arrowWidth solid transparent;
491
- border-bottom: $arrowWidth solid $black;
492
- }
493
- @mixin popover-arrow-right($arrowWidth: 5px) {
494
- top: 50%;
495
- left: 0;
496
- margin-top: -$arrowWidth;
497
- border-top: $arrowWidth solid transparent;
498
- border-bottom: $arrowWidth solid transparent;
499
- border-right: $arrowWidth solid $black;
500
- }