bootstrapped-rails 1.1.1.7 → 1.1.1.8
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.
- data/lib/bootstrapped-rails/version.rb +1 -1
- data/vendor/assets/stylesheets/bootstrapped/bootstrap.scss +1 -1
- data/vendor/assets/stylesheets/bootstrapped/flash_notice.css.scss +67 -0
- data/vendor/assets/stylesheets/bootstrapped/navbar.scss +22 -12
- data/vendor/assets/stylesheets/bootstrapped/variables.scss +366 -69
- metadata +8 -7
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
@import "variables.scss";
|
|
2
|
+
@mixin alert-message {
|
|
3
|
+
position: relative;
|
|
4
|
+
padding: 7px 15px;
|
|
5
|
+
margin-bottom: $baseLineHeight;
|
|
6
|
+
color: $grayDark;
|
|
7
|
+
text-shadow: 0 1px 0 rgba(255,255,255,.5);
|
|
8
|
+
@include gradientBar(#fceec1, #eedc94); // warning by default
|
|
9
|
+
border-width: 1px;
|
|
10
|
+
border-style: solid;
|
|
11
|
+
@include border-radius(4px);
|
|
12
|
+
@include box-shadow(inset 0 1px 0 rgba(255,255,255,.25));
|
|
13
|
+
}
|
|
14
|
+
@mixin background-border($color) {
|
|
15
|
+
background-color: $color;
|
|
16
|
+
border-color: lighten($color, 5%);
|
|
17
|
+
}
|
|
18
|
+
@mixin alert-info {
|
|
19
|
+
color: $grayDark;
|
|
20
|
+
text-shadow: 0 1px 0 rgba(255,255,255,.5);
|
|
21
|
+
}
|
|
22
|
+
@mixin alert-error {
|
|
23
|
+
@include background-border(#FDDFDE);
|
|
24
|
+
|
|
25
|
+
}
|
|
26
|
+
@mixin alert-success {
|
|
27
|
+
@include background-border(#D1EED1);
|
|
28
|
+
}
|
|
29
|
+
@mixin alert-block-message {
|
|
30
|
+
padding: 14px;
|
|
31
|
+
background-image: none;
|
|
32
|
+
background-color: lighten(#fceec1, 5%);
|
|
33
|
+
@include reset-filter; // undo gradient for IE9
|
|
34
|
+
border-color: #fceec1;
|
|
35
|
+
@include box-shadow(none);
|
|
36
|
+
ul, p {
|
|
37
|
+
margin-right: 30px;
|
|
38
|
+
}
|
|
39
|
+
ul {
|
|
40
|
+
margin-bottom: 0;
|
|
41
|
+
}
|
|
42
|
+
li {
|
|
43
|
+
color: $grayDark;
|
|
44
|
+
}
|
|
45
|
+
.alert-actions {
|
|
46
|
+
margin-top: 5px;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
#flash_notice, #flash_error, #flash_alert {
|
|
50
|
+
padding: 5px 8px;
|
|
51
|
+
margin: 10px 0;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
#flash_notice {
|
|
55
|
+
@include alert-message;
|
|
56
|
+
@include alert-success;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
#flash_error, #flash_alert {
|
|
60
|
+
@include alert-message;
|
|
61
|
+
@include alert-error;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.error_messages {
|
|
65
|
+
@include alert-error;
|
|
66
|
+
@include alert-block-message;
|
|
67
|
+
}
|
|
@@ -51,20 +51,30 @@
|
|
|
51
51
|
// Brand, links, text, and buttons
|
|
52
52
|
.navbar {
|
|
53
53
|
// Hover and active states
|
|
54
|
-
.brand:hover {
|
|
55
|
-
text-decoration: none;
|
|
56
|
-
}
|
|
57
|
-
// Website or project name
|
|
58
54
|
.brand {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
font-size:
|
|
64
|
-
font-weight:
|
|
65
|
-
|
|
66
|
-
|
|
55
|
+
display: inline-block;
|
|
56
|
+
padding-top: 10px;
|
|
57
|
+
-moz-transition: all 0.2s linear 0s;
|
|
58
|
+
color: #000;
|
|
59
|
+
font-size: 22px;
|
|
60
|
+
font-weight: bold;
|
|
61
|
+
margin-right: 20px;
|
|
62
|
+
margin-left: 20px;
|
|
63
|
+
padding-left: 0;
|
|
64
|
+
padding-right: 0;
|
|
65
|
+
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 30px rgba(255, 255, 255, 0.125);
|
|
66
|
+
&:hover {
|
|
67
|
+
color: darken(#3366CC,35%);
|
|
68
|
+
text-decoration: none;
|
|
69
|
+
}
|
|
70
|
+
&.left {
|
|
71
|
+
float:left;
|
|
72
|
+
}
|
|
73
|
+
&.right {
|
|
74
|
+
float:right;
|
|
75
|
+
}
|
|
67
76
|
}
|
|
77
|
+
|
|
68
78
|
// Plain text in topbar
|
|
69
79
|
.navbar-text {
|
|
70
80
|
margin-bottom: 0;
|
|
@@ -1,99 +1,396 @@
|
|
|
1
|
-
// Variables.
|
|
1
|
+
// Variables.scss
|
|
2
2
|
// Variables to customize the look and feel of Bootstrap
|
|
3
3
|
// -----------------------------------------------------
|
|
4
4
|
|
|
5
5
|
|
|
6
|
+
// LINK COLORS
|
|
7
|
+
// -----------
|
|
6
8
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
+
$linkColor: #08c;
|
|
10
|
+
$linkColorHover: darken($linkColor, 15);
|
|
9
11
|
|
|
10
|
-
// Links
|
|
11
|
-
$linkColor: #08c;
|
|
12
|
-
$linkColorHover: darken($linkColor, 15%);
|
|
13
12
|
|
|
14
|
-
//
|
|
15
|
-
|
|
16
|
-
$grayDarker: #222;
|
|
17
|
-
$grayDark: #333;
|
|
18
|
-
$gray: #555;
|
|
19
|
-
$grayLight: #999;
|
|
20
|
-
$grayLighter: #eee;
|
|
21
|
-
$white: #fff;
|
|
13
|
+
// GRAYS
|
|
14
|
+
// -----
|
|
22
15
|
|
|
23
|
-
|
|
24
|
-
$
|
|
25
|
-
$
|
|
26
|
-
$
|
|
27
|
-
$
|
|
28
|
-
$
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
16
|
+
$black: #000;
|
|
17
|
+
$grayDark: #333;
|
|
18
|
+
$gray: #555;
|
|
19
|
+
$grayLight: #999;
|
|
20
|
+
$grayLighter: #eee;
|
|
21
|
+
$white: #fff;
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
// ACCENT COLORS
|
|
25
|
+
// -------------
|
|
26
|
+
|
|
27
|
+
$blue: #049CDB;
|
|
28
|
+
$blueDark: #0064CD;
|
|
29
|
+
$green: #46a546;
|
|
30
|
+
$red: #9d261d;
|
|
31
|
+
$yellow: #ffc40d;
|
|
32
|
+
$orange: #f89406;
|
|
33
|
+
$pink: #c3325f;
|
|
34
|
+
$purple: #7a43b6;
|
|
35
|
+
|
|
36
|
+
// GRID
|
|
37
|
+
// ----
|
|
38
|
+
|
|
39
|
+
// Modify the grid styles in mixins.less
|
|
40
|
+
$gridColumns: 12;
|
|
41
|
+
$gridColumnWidth: 60px;
|
|
42
|
+
$gridGutterWidth: 20px;
|
|
43
|
+
$siteWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1));
|
|
44
|
+
|
|
45
|
+
// Fluid width sidebar
|
|
46
|
+
$fluidSidebarWidth: 220px;
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
// Z-INDEX
|
|
50
|
+
// -------
|
|
51
|
+
$zindexDropdown: 1000;
|
|
52
|
+
$zindexFixedNavbar: 1010;
|
|
53
|
+
$zindexModalBackdrop: 1020;
|
|
54
|
+
$zindexModal: 1030;
|
|
55
|
+
$zindexPopover: 1040;
|
|
56
|
+
$zindexTwipsy: 1050;
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
// THEME VARIABLES
|
|
60
|
+
// ---------------
|
|
32
61
|
|
|
33
62
|
// Typography
|
|
34
63
|
$baseFontSize: 13px;
|
|
35
64
|
$baseFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
36
65
|
$baseLineHeight: 18px;
|
|
37
|
-
$textColor: $grayDark;
|
|
38
66
|
|
|
39
|
-
//
|
|
40
|
-
$
|
|
67
|
+
// Visuals
|
|
68
|
+
$primaryButtonColor: $blue;
|
|
69
|
+
// Mixins.scss
|
|
70
|
+
// Snippets of reusable CSS to develop faster and keep code readable
|
|
71
|
+
// -----------------------------------------------------------------
|
|
41
72
|
|
|
42
73
|
|
|
74
|
+
// Clearfix for clearing floats like a boss h5bp.com/q
|
|
75
|
+
@mixin clearfix {
|
|
76
|
+
zoom: 1;
|
|
77
|
+
&:before,
|
|
78
|
+
&:after {
|
|
79
|
+
display: table;
|
|
80
|
+
*display: inline;
|
|
81
|
+
content: "";
|
|
82
|
+
zoom: 1;
|
|
83
|
+
}
|
|
84
|
+
&:after {
|
|
85
|
+
clear: both;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
43
88
|
|
|
44
|
-
//
|
|
45
|
-
|
|
89
|
+
// Center-align a block level element
|
|
90
|
+
@mixin center-block {
|
|
91
|
+
display: block;
|
|
92
|
+
margin-left: auto;
|
|
93
|
+
margin-right: auto;
|
|
94
|
+
}
|
|
46
95
|
|
|
47
|
-
//
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
$zindexTooltip: 1020;
|
|
53
|
-
$zindexFixedNavbar: 1030;
|
|
54
|
-
$zindexModalBackdrop: 1040;
|
|
55
|
-
$zindexModal: 1050;
|
|
96
|
+
// IE7 inline-block
|
|
97
|
+
@mixin ie7-inline-block {
|
|
98
|
+
*display: inline; /* IE7 inline-block hack */
|
|
99
|
+
*zoom: 1;
|
|
100
|
+
}
|
|
56
101
|
|
|
57
|
-
//
|
|
58
|
-
$
|
|
102
|
+
// Sizing shortcuts
|
|
103
|
+
@mixin size($height: 5px, $width: 5px) {
|
|
104
|
+
width: $width;
|
|
105
|
+
height: $height;
|
|
106
|
+
}
|
|
59
107
|
|
|
60
|
-
|
|
61
|
-
$
|
|
62
|
-
|
|
63
|
-
$navbarBackgroundHighlight: $grayDark;
|
|
108
|
+
@mixin square($size: 5px) {
|
|
109
|
+
@include size($size, $size);
|
|
110
|
+
}
|
|
64
111
|
|
|
65
|
-
|
|
66
|
-
$
|
|
67
|
-
|
|
112
|
+
// Input placeholder text
|
|
113
|
+
@mixin placeholder($color: $grayLight) {
|
|
114
|
+
:-moz-placeholder {
|
|
115
|
+
color: $color;
|
|
116
|
+
}
|
|
117
|
+
::-webkit-input-placeholder {
|
|
118
|
+
color: $color;
|
|
119
|
+
}
|
|
120
|
+
}
|
|
68
121
|
|
|
69
|
-
//
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
122
|
+
// Font Stacks
|
|
123
|
+
@mixin font_family_serif() {
|
|
124
|
+
font-family: "Georgia", "Times New Roman", Times, serif;
|
|
125
|
+
}
|
|
73
126
|
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
127
|
+
@mixin font_family_sans-serif() {
|
|
128
|
+
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
129
|
+
}
|
|
77
130
|
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
131
|
+
@mixin font_family_monospace() {
|
|
132
|
+
font-family: Menlo, Monaco, "Courier New", monospace;
|
|
133
|
+
}
|
|
81
134
|
|
|
82
|
-
$
|
|
83
|
-
$
|
|
84
|
-
|
|
135
|
+
@mixin font_shorthand($size: $baseFontSize, $weight: normal, $lineHeight: $baseLineHeight) {
|
|
136
|
+
font-size: $size;
|
|
137
|
+
font-weight: $weight;
|
|
138
|
+
line-height: $lineHeight;
|
|
139
|
+
}
|
|
85
140
|
|
|
141
|
+
@mixin font_serif($size: $baseFontSize, $weight: normal, $lineHeight: $baseLineHeight) {
|
|
142
|
+
@include font_family_serif;
|
|
143
|
+
@include font_shorthand($size, $weight, $lineHeigh);
|
|
144
|
+
}
|
|
86
145
|
|
|
146
|
+
@mixin font_sans-serif($size: $baseFontSize, $weight: normal, $lineHeight: $baseLineHeight) {
|
|
147
|
+
@include font_family_sans-serif;
|
|
148
|
+
@include font_shorthand($size, $weight, $lineHeight);
|
|
149
|
+
}
|
|
87
150
|
|
|
88
|
-
|
|
89
|
-
|
|
151
|
+
@mixin font_monospace($size: $baseFontSize, $weight: normal, $lineHeight: $baseLineHeight) {
|
|
152
|
+
@include font_family_monospace;
|
|
153
|
+
@include font_shorthand($size, $weight, $lineHeight);
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
// Grid System
|
|
157
|
+
@mixin fixed-container {
|
|
158
|
+
width: $siteWidth;
|
|
159
|
+
margin-left: auto;
|
|
160
|
+
margin-right: auto;
|
|
161
|
+
@include clearfix;
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
@mixin columns($columns: 1) {
|
|
165
|
+
width: ($gridColumnWidth * $columns) + ($gridGutterWidth * ($columns - 1));
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
@mixin offset($columns: 1) {
|
|
169
|
+
margin-left: ($gridColumnWidth * $columns) + ($gridGutterWidth * ($columns - 1)) + ($gridGutterWidth * 2);
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
// Necessary grid styles for every column to make them appear next to each other horizontally
|
|
173
|
+
@mixin gridColumn {
|
|
174
|
+
float: left;
|
|
175
|
+
margin-left: $gridGutterWidth;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
// makeColumn can be used to mark any element (e.g., .content-primary) as a column without changing markup to .span something
|
|
179
|
+
@mixin makeColumn($columnSpan: 1) {
|
|
180
|
+
@include gridColumn;
|
|
181
|
+
@include columns($columnSpan);
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
// Border Radius
|
|
185
|
+
@mixin border-radius($radius: 5px) {
|
|
186
|
+
-webkit-border-radius: $radius;
|
|
187
|
+
-moz-border-radius: $radius;
|
|
188
|
+
border-radius: $radius;
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
@mixin border-radius-custom($topLeft, $topRight, $bottomRight, $bottomLeft) {
|
|
192
|
+
-webkit-border-top-left-radius: $topLeft;
|
|
193
|
+
-moz-border-radius-topleft: $topLeft;
|
|
194
|
+
border-top-left-radius: $topLeft;
|
|
195
|
+
-webkit-border-top-right-radius: $topRight;
|
|
196
|
+
-moz-border-radius-topright: $topRight;
|
|
197
|
+
border-top-right-radius: $topRight;
|
|
198
|
+
-webkit-border-bottom-right-radius: $bottomRight;
|
|
199
|
+
-moz-border-radius-bottomright: $bottomRight;
|
|
200
|
+
border-bottom-right-radius: $bottomRight;
|
|
201
|
+
-webkit-border-bottom-left-radius: $bottomLeft;
|
|
202
|
+
-moz-border-radius-bottomleft: $bottomLeft;
|
|
203
|
+
border-bottom-left-radius: $bottomLeft;
|
|
204
|
+
-webkit-background-clip: padding-box;
|
|
205
|
+
-moz-background-clip: padding;
|
|
206
|
+
background-clip: padding-box;
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
// Drop shadows
|
|
210
|
+
@mixin box-shadow($shadow: 0 1px 3px rgba(0,0,0,.25)) {
|
|
211
|
+
-webkit-box-shadow: $shadow;
|
|
212
|
+
-moz-box-shadow: $shadow;
|
|
213
|
+
box-shadow: $shadow;
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
// Transitions
|
|
217
|
+
@mixin transition($transition) {
|
|
218
|
+
-webkit-transition: $transition;
|
|
219
|
+
-moz-transition: $transition;
|
|
220
|
+
-ms-transition: $transition;
|
|
221
|
+
-o-transition: $transition;
|
|
222
|
+
transition: $transition;
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
// Transform for scale and rotate
|
|
226
|
+
// translate, rotate, scale -- need to finalize
|
|
227
|
+
@mixin rotate($degrees: 5deg) {
|
|
228
|
+
-webkit-transform: rotate($degrees);
|
|
229
|
+
-moz-transform: rotate($degrees);
|
|
230
|
+
-ms-transform: rotate($degrees);
|
|
231
|
+
-o-transform: rotate($degrees);
|
|
232
|
+
transform: rotate($degrees);
|
|
233
|
+
}
|
|
234
|
+
@mixin scale($value: 1.5) {
|
|
235
|
+
-webkit-transform: scale($value);
|
|
236
|
+
-moz-transform: scale($value);
|
|
237
|
+
-ms-transform: scale($value);
|
|
238
|
+
-o-transform: scale($value);
|
|
239
|
+
transform: scale($value);
|
|
240
|
+
}
|
|
241
|
+
@mixin translate($x: 0, $y: 0) {
|
|
242
|
+
-webkit-transform: translate($x, $y);
|
|
243
|
+
-moz-transform: translate($x, $y);
|
|
244
|
+
-ms-transform: translate($x, $y);
|
|
245
|
+
-o-transform: translate($x, $y);
|
|
246
|
+
transform: translate($x, $y);
|
|
247
|
+
}
|
|
248
|
+
|
|
249
|
+
// Background clipping
|
|
250
|
+
// Heads up: FF 3.6 and under need padding instead of padding-box
|
|
251
|
+
@mixin background-clip($clip) {
|
|
252
|
+
-webkit-background-clip: $clip;
|
|
253
|
+
-moz-background-clip: $clip;
|
|
254
|
+
background-clip: $clip;
|
|
255
|
+
}
|
|
256
|
+
|
|
257
|
+
// Resize anything
|
|
258
|
+
@mixin resizable($direction: both) {
|
|
259
|
+
resize: $direction; // Options: horizontal, vertical, both
|
|
260
|
+
overflow: auto; // Safari fix
|
|
261
|
+
}
|
|
262
|
+
|
|
263
|
+
// CSS3 Content Columns
|
|
264
|
+
@mixin content-columns($columnCount, $columnGap: 20px) {
|
|
265
|
+
-webkit-column-count: $columnCount;
|
|
266
|
+
-moz-column-count: $columnCount;
|
|
267
|
+
column-count: $columnCount;
|
|
268
|
+
-webkit-column-gap: $columnGap;
|
|
269
|
+
-moz-column-gap: $columnGap;
|
|
270
|
+
column-gap: $columnGap;
|
|
271
|
+
}
|
|
272
|
+
|
|
273
|
+
// Add an alphatransparency value to any background or border color (via Elyse Holladay)
|
|
274
|
+
@mixin translucent_background($color: $white, $alpha: 1) {
|
|
275
|
+
background-color: hsla(hue($color), saturation($color), lightness($color), $alpha);
|
|
276
|
+
}
|
|
277
|
+
|
|
278
|
+
@mixin translucent_border($color: $white, $alpha: 1) {
|
|
279
|
+
border-color: hsla(hue($color), saturation($color), lightness($color), $alpha);
|
|
280
|
+
-webkit-background-clip: padding-box;
|
|
281
|
+
-moz-background-clip: padding;
|
|
282
|
+
background-clip: padding-box;
|
|
283
|
+
}
|
|
284
|
+
|
|
285
|
+
// Gradient Bar Colors for buttons and alerts
|
|
286
|
+
@mixin gradientBar($primaryColor, $secondaryColor) {
|
|
287
|
+
@include gradient_vertical($primaryColor, $secondaryColor);
|
|
288
|
+
border-color: $secondaryColor $secondaryColor darken($secondaryColor, 15%);
|
|
289
|
+
border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) opacify(rgba(0,0,0,.1), 0.15);
|
|
290
|
+
}
|
|
291
|
+
|
|
292
|
+
// Gradients
|
|
293
|
+
@mixin gradient_horizontal($startColor: #555, $endColor: #333) {
|
|
294
|
+
background-color: $endColor;
|
|
295
|
+
background-image: -khtml-gradient(linear, left top, right top, from($startColor), to($endColor)); // Konqueror
|
|
296
|
+
background-image: -moz-linear-gradient(left, $startColor, $endColor); // FF 3.6+
|
|
297
|
+
background-image: -ms-linear-gradient(left, $startColor, $endColor); // IE10
|
|
298
|
+
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, $startColor), color-stop(100%, $endColor)); // Safari 4+, Chrome 2+
|
|
299
|
+
background-image: -webkit-linear-gradient(left, $startColor, $endColor); // Safari 5.1+, Chrome 10+
|
|
300
|
+
background-image: -o-linear-gradient(left, $startColor, $endColor); // Opera 11.10
|
|
301
|
+
background-image: linear-gradient(left, $startColor, $endColor); // Le standard
|
|
302
|
+
background-repeat: repeat-x;
|
|
303
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$startColor}', endColorstr='#{$endColor}', GradientType=1); // IE9 and down
|
|
304
|
+
}
|
|
305
|
+
|
|
306
|
+
@mixin gradient_vertical ($startColor: #555, $endColor: #333) {
|
|
307
|
+
background-color: $endColor;
|
|
308
|
+
background-image: -khtml-gradient(linear, left top, left bottom, from($startColor), to($endColor)); // Konqueror
|
|
309
|
+
background-image: -moz-linear-gradient(top, $startColor, $endColor); // FF 3.6+
|
|
310
|
+
background-image: -ms-linear-gradient(top, $startColor, $endColor); // IE10
|
|
311
|
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, $startColor), color-stop(100%, $endColor)); // Safari 4+, Chrome 2+
|
|
312
|
+
background-image: -webkit-linear-gradient(top, $startColor, $endColor); // Safari 5.1+, Chrome 10+
|
|
313
|
+
background-image: -o-linear-gradient(top, $startColor, $endColor); // Opera 11.10
|
|
314
|
+
background-image: linear-gradient(top, $startColor, $endColor); // The standard
|
|
315
|
+
background-repeat: repeat-x;
|
|
316
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$startColor}', endColorstr='#{$endColor}', GradientType=0); // IE9 and down
|
|
317
|
+
}
|
|
318
|
+
|
|
319
|
+
@mixin gradient_directional($startColor: #555, $endColor: #333, $deg: 45deg) {
|
|
320
|
+
background-color: $endColor;
|
|
321
|
+
background-repeat: repeat-x;
|
|
322
|
+
background-image: -moz-linear-gradient($deg, $startColor, $endColor); // FF 3.6+
|
|
323
|
+
background-image: -ms-linear-gradient($deg, $startColor, $endColor); // IE10
|
|
324
|
+
background-image: -webkit-linear-gradient($deg, $startColor, $endColor); // Safari 5.1+, Chrome 10+
|
|
325
|
+
background-image: -o-linear-gradient($deg, $startColor, $endColor); // Opera 11.10
|
|
326
|
+
background-image: linear-gradient($deg, $startColor, $endColor); // The standard
|
|
327
|
+
}
|
|
328
|
+
|
|
329
|
+
@mixin gradient_vertical-three-colors($startColor: #00b3ee, $midColor: #7a43b6, $colorStop: 50%, $endColor: #c3325f) {
|
|
330
|
+
background-color: $endColor;
|
|
331
|
+
background-image: -webkit-gradient(linear, 0 0, 0 100%, from($startColor), color-stop($colorStop, $midColor), to($endColor));
|
|
332
|
+
background-image: -webkit-linear-gradient($startColor, $midColor $colorStop, $endColor);
|
|
333
|
+
background-image: -moz-linear-gradient(top, $startColor, $midColor $colorStop, $endColor);
|
|
334
|
+
background-image: -ms-linear-gradient($startColor, $midColor $colorStop, $endColor);
|
|
335
|
+
background-image: -o-linear-gradient($startColor, $midColor $colorStop, $endColor);
|
|
336
|
+
background-image: linear-gradient($startColor, $midColor $colorStop, $endColor);
|
|
337
|
+
background-repeat: no-repeat;
|
|
338
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$startColor}', endColorstr='#{$endColor}', GradientType=0); // IE9 and down, gets no color-stop at all for proper fallback
|
|
339
|
+
}
|
|
340
|
+
|
|
341
|
+
@mixin gradient_radial($centerColor: #555, $outsideColor: #333) {
|
|
342
|
+
background-color: $outsideColor;
|
|
343
|
+
background-image: -webkit-gradient(radial, center center, 0, center center, 460, from($centerColor), to($outsideColor));
|
|
344
|
+
background-image: -webkit-radial-gradient(circle, $centerColor, $outsideColor);
|
|
345
|
+
background-image: -moz-radial-gradient(circle, $centerColor, $outsideColor);
|
|
346
|
+
background-image: -ms-radial-gradient(circle, $centerColor, $outsideColor);
|
|
347
|
+
background-repeat: no-repeat;
|
|
348
|
+
// Opera cannot do radial gradients yet
|
|
349
|
+
}
|
|
350
|
+
|
|
351
|
+
// Reset filters for IE
|
|
352
|
+
@mixin reset-filter {
|
|
353
|
+
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
|
354
|
+
}
|
|
90
355
|
|
|
91
|
-
//
|
|
92
|
-
$
|
|
93
|
-
$
|
|
94
|
-
$
|
|
95
|
-
|
|
356
|
+
// Opacity
|
|
357
|
+
@mixin opacity($opacity: 100) {
|
|
358
|
+
filter: alpha(opacity=#{$opacity});
|
|
359
|
+
-moz-opacity: $opacity / 100;
|
|
360
|
+
opacity: $opacity / 100;
|
|
361
|
+
}
|
|
96
362
|
|
|
97
|
-
//
|
|
98
|
-
|
|
99
|
-
$
|
|
363
|
+
// Popover arrows
|
|
364
|
+
// For tipsies and popovers
|
|
365
|
+
@mixin popoverArrow_top($arrowWidth: 5px) {
|
|
366
|
+
bottom: 0;
|
|
367
|
+
left: 50%;
|
|
368
|
+
margin-left: -$arrowWidth;
|
|
369
|
+
border-left: $arrowWidth solid transparent;
|
|
370
|
+
border-right: $arrowWidth solid transparent;
|
|
371
|
+
border-top: $arrowWidth solid $black;
|
|
372
|
+
}
|
|
373
|
+
@mixin popoverArrow_left($arrowWidth: 5px) {
|
|
374
|
+
top: 50%;
|
|
375
|
+
right: 0;
|
|
376
|
+
margin-top: -$arrowWidth;
|
|
377
|
+
border-top: $arrowWidth solid transparent;
|
|
378
|
+
border-bottom: $arrowWidth solid transparent;
|
|
379
|
+
border-left: $arrowWidth solid $black;
|
|
380
|
+
}
|
|
381
|
+
@mixin popoverArrow_bottom($arrowWidth: 5px) {
|
|
382
|
+
top: 0;
|
|
383
|
+
left: 50%;
|
|
384
|
+
margin-left: -$arrowWidth;
|
|
385
|
+
border-left: $arrowWidth solid transparent;
|
|
386
|
+
border-right: $arrowWidth solid transparent;
|
|
387
|
+
border-bottom: $arrowWidth solid $black;
|
|
388
|
+
}
|
|
389
|
+
@mixin popoverArrow_right($arrowWidth: 5px) {
|
|
390
|
+
top: 50%;
|
|
391
|
+
left: 0;
|
|
392
|
+
margin-top: -$arrowWidth;
|
|
393
|
+
border-top: $arrowWidth solid transparent;
|
|
394
|
+
border-bottom: $arrowWidth solid transparent;
|
|
395
|
+
border-right: $arrowWidth solid $black;
|
|
396
|
+
}
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: bootstrapped-rails
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 1.1.1.
|
|
4
|
+
version: 1.1.1.8
|
|
5
5
|
prerelease:
|
|
6
6
|
platform: ruby
|
|
7
7
|
authors:
|
|
@@ -13,7 +13,7 @@ date: 2012-02-27 00:00:00.000000000Z
|
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: sass
|
|
16
|
-
requirement: &
|
|
16
|
+
requirement: &70311656014500 !ruby/object:Gem::Requirement
|
|
17
17
|
none: false
|
|
18
18
|
requirements:
|
|
19
19
|
- - ! '>='
|
|
@@ -21,10 +21,10 @@ dependencies:
|
|
|
21
21
|
version: 3.1.0
|
|
22
22
|
type: :runtime
|
|
23
23
|
prerelease: false
|
|
24
|
-
version_requirements: *
|
|
24
|
+
version_requirements: *70311656014500
|
|
25
25
|
- !ruby/object:Gem::Dependency
|
|
26
26
|
name: bundler
|
|
27
|
-
requirement: &
|
|
27
|
+
requirement: &70311656013880 !ruby/object:Gem::Requirement
|
|
28
28
|
none: false
|
|
29
29
|
requirements:
|
|
30
30
|
- - ~>
|
|
@@ -32,10 +32,10 @@ dependencies:
|
|
|
32
32
|
version: 1.0.0
|
|
33
33
|
type: :development
|
|
34
34
|
prerelease: false
|
|
35
|
-
version_requirements: *
|
|
35
|
+
version_requirements: *70311656013880
|
|
36
36
|
- !ruby/object:Gem::Dependency
|
|
37
37
|
name: rails
|
|
38
|
-
requirement: &
|
|
38
|
+
requirement: &70311656013300 !ruby/object:Gem::Requirement
|
|
39
39
|
none: false
|
|
40
40
|
requirements:
|
|
41
41
|
- - ~>
|
|
@@ -43,7 +43,7 @@ dependencies:
|
|
|
43
43
|
version: '3.1'
|
|
44
44
|
type: :development
|
|
45
45
|
prerelease: false
|
|
46
|
-
version_requirements: *
|
|
46
|
+
version_requirements: *70311656013300
|
|
47
47
|
description: ! ' please see summary '
|
|
48
48
|
email:
|
|
49
49
|
- han@logicalprep.com
|
|
@@ -97,6 +97,7 @@ files:
|
|
|
97
97
|
- vendor/assets/stylesheets/bootstrapped/code.scss
|
|
98
98
|
- vendor/assets/stylesheets/bootstrapped/component-animations.scss
|
|
99
99
|
- vendor/assets/stylesheets/bootstrapped/dropdowns.scss
|
|
100
|
+
- vendor/assets/stylesheets/bootstrapped/flash_notice.css.scss
|
|
100
101
|
- vendor/assets/stylesheets/bootstrapped/forms.scss
|
|
101
102
|
- vendor/assets/stylesheets/bootstrapped/grid.scss
|
|
102
103
|
- vendor/assets/stylesheets/bootstrapped/hero-unit.scss
|