bootstrap-sass-rails 3.0.0.3 → 3.0.3.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.
- data/README.md +20 -0
- data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.eot +0 -0
- data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.svg +200 -199
- data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.ttf +0 -0
- data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.woff +0 -0
- data/app/assets/javascripts/twitter/bootstrap/affix.js +4 -4
- data/app/assets/javascripts/twitter/bootstrap/alert.js +3 -3
- data/app/assets/javascripts/twitter/bootstrap/button.js +13 -7
- data/app/assets/javascripts/twitter/bootstrap/carousel.js +8 -8
- data/app/assets/javascripts/twitter/bootstrap/collapse.js +4 -4
- data/app/assets/javascripts/twitter/bootstrap/dropdown.js +8 -8
- data/app/assets/javascripts/twitter/bootstrap/modal.js +4 -4
- data/app/assets/javascripts/twitter/bootstrap/popover.js +4 -4
- data/app/assets/javascripts/twitter/bootstrap/scrollspy.js +5 -5
- data/app/assets/javascripts/twitter/bootstrap/tab.js +5 -5
- data/app/assets/javascripts/twitter/bootstrap/tooltip.js +4 -4
- data/app/assets/javascripts/twitter/bootstrap/transition.js +3 -3
- data/app/assets/stylesheets/twitter/bootstrap/_alerts.scss +1 -1
- data/app/assets/stylesheets/twitter/bootstrap/_badges.scss +6 -6
- data/app/assets/stylesheets/twitter/bootstrap/_breadcrumbs.scss +2 -2
- data/app/assets/stylesheets/twitter/bootstrap/_button-groups.scss +12 -33
- data/app/assets/stylesheets/twitter/bootstrap/_buttons.scss +4 -9
- data/app/assets/stylesheets/twitter/bootstrap/_carousel.scss +33 -10
- data/app/assets/stylesheets/twitter/bootstrap/_close.scss +1 -0
- data/app/assets/stylesheets/twitter/bootstrap/_code.scss +5 -8
- data/app/assets/stylesheets/twitter/bootstrap/_dropdowns.scss +3 -9
- data/app/assets/stylesheets/twitter/bootstrap/_forms.scss +33 -10
- data/app/assets/stylesheets/twitter/bootstrap/_glyphicons.scss +15 -10
- data/app/assets/stylesheets/twitter/bootstrap/_grid.scss +36 -304
- data/app/assets/stylesheets/twitter/bootstrap/_input-groups.scss +10 -1
- data/app/assets/stylesheets/twitter/bootstrap/_jumbotron.scss +10 -4
- data/app/assets/stylesheets/twitter/bootstrap/_labels.scss +6 -0
- data/app/assets/stylesheets/twitter/bootstrap/_list-group.scss +14 -15
- data/app/assets/stylesheets/twitter/bootstrap/_mixins.scss +176 -65
- data/app/assets/stylesheets/twitter/bootstrap/_modals.scss +5 -21
- data/app/assets/stylesheets/twitter/bootstrap/_navbar.scss +49 -58
- data/app/assets/stylesheets/twitter/bootstrap/_navs.scss +43 -30
- data/app/assets/stylesheets/twitter/bootstrap/_normalize.scss +16 -6
- data/app/assets/stylesheets/twitter/bootstrap/_pagination.scss +2 -0
- data/app/assets/stylesheets/twitter/bootstrap/_panels.scss +41 -7
- data/app/assets/stylesheets/twitter/bootstrap/_print.scss +6 -1
- data/app/assets/stylesheets/twitter/bootstrap/_progress-bars.scss +4 -19
- data/app/assets/stylesheets/twitter/bootstrap/_responsive-utilities.scss +37 -48
- data/app/assets/stylesheets/twitter/bootstrap/_scaffolding.scss +1 -12
- data/app/assets/stylesheets/twitter/bootstrap/_tables.scss +45 -50
- data/app/assets/stylesheets/twitter/bootstrap/_theme.scss +26 -11
- data/app/assets/stylesheets/twitter/bootstrap/_thumbnails.scss +22 -15
- data/app/assets/stylesheets/twitter/bootstrap/_tooltip.scss +8 -8
- data/app/assets/stylesheets/twitter/bootstrap/_type.scss +105 -62
- data/app/assets/stylesheets/twitter/bootstrap/_utilities.scss +15 -1
- data/app/assets/stylesheets/twitter/bootstrap/_variables.scss +69 -47
- data/app/assets/stylesheets/twitter/bootstrap.css.scss +0 -10
- data/lib/bootstrap/sass/rails/engine.rb +9 -1
- data/lib/bootstrap/sass/rails/version.rb +1 -1
- data/lib/generators/bootstrap/customize_generator.rb +37 -0
- data/lib/generators/bootstrap/templates/USAGE +23 -0
- data/lib/generators/bootstrap/templates/bootstrap-custom.css.scss +18 -0
- data/lib/generators/bootstrap/templates/bootstrap-custom.js +3 -0
- data/test/cases/less_to_sass_spec.rb +1 -1
- data/test/cases/usage_css_spec.rb +0 -3
- metadata +27 -5
- checksums.yaml +0 -15
@@ -82,13 +82,14 @@ input[type="number"] {
|
|
82
82
|
}
|
83
83
|
}
|
84
84
|
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
85
|
+
// Adjust output element
|
86
|
+
output {
|
87
|
+
display: block;
|
88
|
+
padding-top: ($padding-base-vertical + 1);
|
89
|
+
font-size: $font-size-base;
|
90
|
+
line-height: $line-height-base;
|
91
|
+
color: $input-color;
|
92
|
+
vertical-align: middle;
|
92
93
|
}
|
93
94
|
|
94
95
|
|
@@ -124,6 +125,7 @@ input[type="number"] {
|
|
124
125
|
color: $input-color;
|
125
126
|
vertical-align: middle;
|
126
127
|
background-color: $input-bg;
|
128
|
+
background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
|
127
129
|
border: 1px solid $input-border;
|
128
130
|
border-radius: $input-border-radius;
|
129
131
|
@include box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
|
@@ -132,6 +134,12 @@ input[type="number"] {
|
|
132
134
|
// Customize the `:focus` state to imitate native WebKit styles.
|
133
135
|
@include form-control-focus();
|
134
136
|
|
137
|
+
// Placeholder
|
138
|
+
//
|
139
|
+
// Placeholder text gets special styles because when browsers invalidate entire
|
140
|
+
// lines if it doesn't understand a selector/
|
141
|
+
@include placeholder();
|
142
|
+
|
135
143
|
// Disabled and read-only inputs
|
136
144
|
// Note: HTML5 says that controls under a fieldset > legend:first-child won't
|
137
145
|
// be disabled if the fieldset is disabled. Due to implementation difficulty,
|
@@ -144,6 +152,7 @@ input[type="number"] {
|
|
144
152
|
}
|
145
153
|
}
|
146
154
|
|
155
|
+
|
147
156
|
// Reset height for `textarea`s
|
148
157
|
textarea.form-control {
|
149
158
|
height: auto;
|
@@ -254,7 +263,6 @@ input[type="checkbox"],
|
|
254
263
|
|
255
264
|
.form-control-static {
|
256
265
|
margin-bottom: 0; // Remove default margin from `p`
|
257
|
-
padding-top: ($padding-base-vertical + 1);
|
258
266
|
}
|
259
267
|
|
260
268
|
|
@@ -286,7 +294,7 @@ input[type="checkbox"],
|
|
286
294
|
.form-inline {
|
287
295
|
|
288
296
|
// Kick in the inline
|
289
|
-
@media (min-width: $screen-
|
297
|
+
@media (min-width: $screen-sm) {
|
290
298
|
// Inline-block all the things for "inline"
|
291
299
|
.form-group {
|
292
300
|
display: inline-block;
|
@@ -299,6 +307,11 @@ input[type="checkbox"],
|
|
299
307
|
display: inline-block;
|
300
308
|
}
|
301
309
|
|
310
|
+
// Override `width: 100%;` when not within a `.form-group`
|
311
|
+
select.form-control {
|
312
|
+
width: auto;
|
313
|
+
}
|
314
|
+
|
302
315
|
// Remove default margin on radios/checkboxes that were used for stacking, and
|
303
316
|
// then undo the floating of radios and checkboxes to match (which also avoids
|
304
317
|
// a bug in WebKit: https://github.com/twbs/bootstrap/issues/1969).
|
@@ -335,14 +348,24 @@ input[type="checkbox"],
|
|
335
348
|
margin-bottom: 0;
|
336
349
|
padding-top: ($padding-base-vertical + 1); // Default padding plus a border
|
337
350
|
}
|
351
|
+
// Account for padding we're adding to ensure the alignment and of help text
|
352
|
+
// and other content below items
|
353
|
+
.radio,
|
354
|
+
.checkbox {
|
355
|
+
min-height: $line-height-computed + ($padding-base-vertical + 1);
|
356
|
+
}
|
338
357
|
|
339
358
|
// Make form groups behave like rows
|
340
359
|
.form-group {
|
341
360
|
@include make-row();
|
342
361
|
}
|
343
362
|
|
363
|
+
.form-control-static {
|
364
|
+
padding-top: ($padding-base-vertical + 1);
|
365
|
+
}
|
366
|
+
|
344
367
|
// Only right align form labels here when the columns stop stacking
|
345
|
-
@media (min-width: $screen-
|
368
|
+
@media (min-width: $screen-sm-min) {
|
346
369
|
.control-label {
|
347
370
|
text-align: right;
|
348
371
|
}
|
@@ -27,6 +27,11 @@
|
|
27
27
|
font-weight: normal;
|
28
28
|
line-height: 1;
|
29
29
|
-webkit-font-smoothing: antialiased;
|
30
|
+
-moz-osx-font-smoothing: grayscale;
|
31
|
+
|
32
|
+
&:empty {
|
33
|
+
width: 1em;
|
34
|
+
}
|
30
35
|
}
|
31
36
|
|
32
37
|
// Individual icons
|
@@ -68,6 +73,7 @@
|
|
68
73
|
.glyphicon-repeat { &:before { content: "\e030"; } }
|
69
74
|
.glyphicon-refresh { &:before { content: "\e031"; } }
|
70
75
|
.glyphicon-list-alt { &:before { content: "\e032"; } }
|
76
|
+
.glyphicon-lock { &:before { content: "\e033"; } }
|
71
77
|
.glyphicon-flag { &:before { content: "\e034"; } }
|
72
78
|
.glyphicon-headphones { &:before { content: "\e035"; } }
|
73
79
|
.glyphicon-volume-off { &:before { content: "\e036"; } }
|
@@ -78,7 +84,9 @@
|
|
78
84
|
.glyphicon-tag { &:before { content: "\e041"; } }
|
79
85
|
.glyphicon-tags { &:before { content: "\e042"; } }
|
80
86
|
.glyphicon-book { &:before { content: "\e043"; } }
|
87
|
+
.glyphicon-bookmark { &:before { content: "\e044"; } }
|
81
88
|
.glyphicon-print { &:before { content: "\e045"; } }
|
89
|
+
.glyphicon-camera { &:before { content: "\e046"; } }
|
82
90
|
.glyphicon-font { &:before { content: "\e047"; } }
|
83
91
|
.glyphicon-bold { &:before { content: "\e048"; } }
|
84
92
|
.glyphicon-italic { &:before { content: "\e049"; } }
|
@@ -132,10 +140,12 @@
|
|
132
140
|
.glyphicon-exclamation-sign { &:before { content: "\e101"; } }
|
133
141
|
.glyphicon-gift { &:before { content: "\e102"; } }
|
134
142
|
.glyphicon-leaf { &:before { content: "\e103"; } }
|
143
|
+
.glyphicon-fire { &:before { content: "\e104"; } }
|
135
144
|
.glyphicon-eye-open { &:before { content: "\e105"; } }
|
136
145
|
.glyphicon-eye-close { &:before { content: "\e106"; } }
|
137
146
|
.glyphicon-warning-sign { &:before { content: "\e107"; } }
|
138
147
|
.glyphicon-plane { &:before { content: "\e108"; } }
|
148
|
+
.glyphicon-calendar { &:before { content: "\e109"; } }
|
139
149
|
.glyphicon-random { &:before { content: "\e110"; } }
|
140
150
|
.glyphicon-comment { &:before { content: "\e111"; } }
|
141
151
|
.glyphicon-magnet { &:before { content: "\e112"; } }
|
@@ -149,6 +159,7 @@
|
|
149
159
|
.glyphicon-resize-horizontal { &:before { content: "\e120"; } }
|
150
160
|
.glyphicon-hdd { &:before { content: "\e121"; } }
|
151
161
|
.glyphicon-bullhorn { &:before { content: "\e122"; } }
|
162
|
+
.glyphicon-bell { &:before { content: "\e123"; } }
|
152
163
|
.glyphicon-certificate { &:before { content: "\e124"; } }
|
153
164
|
.glyphicon-thumbs-up { &:before { content: "\e125"; } }
|
154
165
|
.glyphicon-thumbs-down { &:before { content: "\e126"; } }
|
@@ -161,13 +172,17 @@
|
|
161
172
|
.glyphicon-circle-arrow-up { &:before { content: "\e133"; } }
|
162
173
|
.glyphicon-circle-arrow-down { &:before { content: "\e134"; } }
|
163
174
|
.glyphicon-globe { &:before { content: "\e135"; } }
|
175
|
+
.glyphicon-wrench { &:before { content: "\e136"; } }
|
164
176
|
.glyphicon-tasks { &:before { content: "\e137"; } }
|
165
177
|
.glyphicon-filter { &:before { content: "\e138"; } }
|
178
|
+
.glyphicon-briefcase { &:before { content: "\e139"; } }
|
166
179
|
.glyphicon-fullscreen { &:before { content: "\e140"; } }
|
167
180
|
.glyphicon-dashboard { &:before { content: "\e141"; } }
|
181
|
+
.glyphicon-paperclip { &:before { content: "\e142"; } }
|
168
182
|
.glyphicon-heart-empty { &:before { content: "\e143"; } }
|
169
183
|
.glyphicon-link { &:before { content: "\e144"; } }
|
170
184
|
.glyphicon-phone { &:before { content: "\e145"; } }
|
185
|
+
.glyphicon-pushpin { &:before { content: "\e146"; } }
|
171
186
|
.glyphicon-usd { &:before { content: "\e148"; } }
|
172
187
|
.glyphicon-gbp { &:before { content: "\e149"; } }
|
173
188
|
.glyphicon-sort { &:before { content: "\e150"; } }
|
@@ -220,13 +235,3 @@
|
|
220
235
|
.glyphicon-cloud-upload { &:before { content: "\e198"; } }
|
221
236
|
.glyphicon-tree-conifer { &:before { content: "\e199"; } }
|
222
237
|
.glyphicon-tree-deciduous { &:before { content: "\e200"; } }
|
223
|
-
.glyphicon-briefcase { &:before { content: "\1f4bc"; } }
|
224
|
-
.glyphicon-calendar { &:before { content: "\1f4c5"; } }
|
225
|
-
.glyphicon-pushpin { &:before { content: "\1f4cc"; } }
|
226
|
-
.glyphicon-paperclip { &:before { content: "\1f4ce"; } }
|
227
|
-
.glyphicon-camera { &:before { content: "\1f4f7"; } }
|
228
|
-
.glyphicon-lock { &:before { content: "\1f512"; } }
|
229
|
-
.glyphicon-bell { &:before { content: "\1f514"; } }
|
230
|
-
.glyphicon-bookmark { &:before { content: "\1f516"; } }
|
231
|
-
.glyphicon-fire { &:before { content: "\1f525"; } }
|
232
|
-
.glyphicon-wrench { &:before { content: "\1f527"; } }
|
@@ -2,10 +2,19 @@
|
|
2
2
|
// Grid system
|
3
3
|
// --------------------------------------------------
|
4
4
|
|
5
|
-
|
6
5
|
// Set the container width, and override it for fixed navbars in media queries
|
7
6
|
.container {
|
8
7
|
@include container-fixed();
|
8
|
+
|
9
|
+
@media (min-width: $screen-sm) {
|
10
|
+
width: $container-sm;
|
11
|
+
}
|
12
|
+
@media (min-width: $screen-md) {
|
13
|
+
width: $container-md;
|
14
|
+
}
|
15
|
+
@media (min-width: $screen-lg-min) {
|
16
|
+
width: $container-lg;
|
17
|
+
}
|
9
18
|
}
|
10
19
|
|
11
20
|
// mobile first defaults
|
@@ -14,333 +23,56 @@
|
|
14
23
|
}
|
15
24
|
|
16
25
|
// Common styles for small and large grid columns
|
17
|
-
|
18
|
-
.col-xs-2,
|
19
|
-
.col-xs-3,
|
20
|
-
.col-xs-4,
|
21
|
-
.col-xs-5,
|
22
|
-
.col-xs-6,
|
23
|
-
.col-xs-7,
|
24
|
-
.col-xs-8,
|
25
|
-
.col-xs-9,
|
26
|
-
.col-xs-10,
|
27
|
-
.col-xs-11,
|
28
|
-
.col-xs-12,
|
29
|
-
.col-sm-1,
|
30
|
-
.col-sm-2,
|
31
|
-
.col-sm-3,
|
32
|
-
.col-sm-4,
|
33
|
-
.col-sm-5,
|
34
|
-
.col-sm-6,
|
35
|
-
.col-sm-7,
|
36
|
-
.col-sm-8,
|
37
|
-
.col-sm-9,
|
38
|
-
.col-sm-10,
|
39
|
-
.col-sm-11,
|
40
|
-
.col-sm-12,
|
41
|
-
.col-md-1,
|
42
|
-
.col-md-2,
|
43
|
-
.col-md-3,
|
44
|
-
.col-md-4,
|
45
|
-
.col-md-5,
|
46
|
-
.col-md-6,
|
47
|
-
.col-md-7,
|
48
|
-
.col-md-8,
|
49
|
-
.col-md-9,
|
50
|
-
.col-md-10,
|
51
|
-
.col-md-11,
|
52
|
-
.col-md-12,
|
53
|
-
.col-lg-1,
|
54
|
-
.col-lg-2,
|
55
|
-
.col-lg-3,
|
56
|
-
.col-lg-4,
|
57
|
-
.col-lg-5,
|
58
|
-
.col-lg-6,
|
59
|
-
.col-lg-7,
|
60
|
-
.col-lg-8,
|
61
|
-
.col-lg-9,
|
62
|
-
.col-lg-10,
|
63
|
-
.col-lg-11,
|
64
|
-
.col-lg-12 {
|
65
|
-
position: relative;
|
66
|
-
// Prevent columns from collapsing when empty
|
67
|
-
min-height: 1px;
|
68
|
-
// Inner gutter via padding
|
69
|
-
padding-left: ($grid-gutter-width / 2);
|
70
|
-
padding-right: ($grid-gutter-width / 2);
|
71
|
-
}
|
26
|
+
@include make-grid-columns();
|
72
27
|
|
73
28
|
|
74
29
|
// Extra small grid
|
75
30
|
//
|
76
|
-
//
|
77
|
-
//
|
78
|
-
//
|
79
|
-
// Note that `.col-xs-12` doesn't get floated on purpose—there's no need since
|
80
|
-
// it's full-width.
|
31
|
+
// Columns, offsets, pushes, and pulls for extra small devices like
|
32
|
+
// smartphones.
|
81
33
|
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
.col-xs-6,
|
88
|
-
.col-xs-7,
|
89
|
-
.col-xs-8,
|
90
|
-
.col-xs-9,
|
91
|
-
.col-xs-10,
|
92
|
-
.col-xs-11 {
|
93
|
-
float: left;
|
94
|
-
}
|
95
|
-
.col-xs-1 { width: percentage((1 / $grid-columns)); }
|
96
|
-
.col-xs-2 { width: percentage((2 / $grid-columns)); }
|
97
|
-
.col-xs-3 { width: percentage((3 / $grid-columns)); }
|
98
|
-
.col-xs-4 { width: percentage((4 / $grid-columns)); }
|
99
|
-
.col-xs-5 { width: percentage((5 / $grid-columns)); }
|
100
|
-
.col-xs-6 { width: percentage((6 / $grid-columns)); }
|
101
|
-
.col-xs-7 { width: percentage((7 / $grid-columns)); }
|
102
|
-
.col-xs-8 { width: percentage((8 / $grid-columns)); }
|
103
|
-
.col-xs-9 { width: percentage((9 / $grid-columns)); }
|
104
|
-
.col-xs-10 { width: percentage((10/ $grid-columns)); }
|
105
|
-
.col-xs-11 { width: percentage((11/ $grid-columns)); }
|
106
|
-
.col-xs-12 { width: 100%; }
|
34
|
+
@include make-grid-columns-float(xs);
|
35
|
+
@include make-grid($grid-columns, xs, width);
|
36
|
+
@include make-grid($grid-columns, xs, pull);
|
37
|
+
@include make-grid($grid-columns, xs, push);
|
38
|
+
@include make-grid($grid-columns, xs, offset);
|
107
39
|
|
108
40
|
|
109
41
|
// Small grid
|
110
42
|
//
|
111
43
|
// Columns, offsets, pushes, and pulls for the small device range, from phones
|
112
44
|
// to tablets.
|
113
|
-
//
|
114
|
-
// Note that `.col-sm-12` doesn't get floated on purpose—there's no need since
|
115
|
-
// it's full-width.
|
116
|
-
|
117
|
-
@media (min-width: $screen-tablet) {
|
118
|
-
.container {
|
119
|
-
max-width: $container-tablet;
|
120
|
-
}
|
121
|
-
|
122
|
-
.col-sm-1,
|
123
|
-
.col-sm-2,
|
124
|
-
.col-sm-3,
|
125
|
-
.col-sm-4,
|
126
|
-
.col-sm-5,
|
127
|
-
.col-sm-6,
|
128
|
-
.col-sm-7,
|
129
|
-
.col-sm-8,
|
130
|
-
.col-sm-9,
|
131
|
-
.col-sm-10,
|
132
|
-
.col-sm-11 {
|
133
|
-
float: left;
|
134
|
-
}
|
135
|
-
.col-sm-1 { width: percentage((1 / $grid-columns)); }
|
136
|
-
.col-sm-2 { width: percentage((2 / $grid-columns)); }
|
137
|
-
.col-sm-3 { width: percentage((3 / $grid-columns)); }
|
138
|
-
.col-sm-4 { width: percentage((4 / $grid-columns)); }
|
139
|
-
.col-sm-5 { width: percentage((5 / $grid-columns)); }
|
140
|
-
.col-sm-6 { width: percentage((6 / $grid-columns)); }
|
141
|
-
.col-sm-7 { width: percentage((7 / $grid-columns)); }
|
142
|
-
.col-sm-8 { width: percentage((8 / $grid-columns)); }
|
143
|
-
.col-sm-9 { width: percentage((9 / $grid-columns)); }
|
144
|
-
.col-sm-10 { width: percentage((10/ $grid-columns)); }
|
145
|
-
.col-sm-11 { width: percentage((11/ $grid-columns)); }
|
146
|
-
.col-sm-12 { width: 100%; }
|
147
|
-
|
148
|
-
// Push and pull columns for source order changes
|
149
|
-
.col-sm-push-1 { left: percentage((1 / $grid-columns)); }
|
150
|
-
.col-sm-push-2 { left: percentage((2 / $grid-columns)); }
|
151
|
-
.col-sm-push-3 { left: percentage((3 / $grid-columns)); }
|
152
|
-
.col-sm-push-4 { left: percentage((4 / $grid-columns)); }
|
153
|
-
.col-sm-push-5 { left: percentage((5 / $grid-columns)); }
|
154
|
-
.col-sm-push-6 { left: percentage((6 / $grid-columns)); }
|
155
|
-
.col-sm-push-7 { left: percentage((7 / $grid-columns)); }
|
156
|
-
.col-sm-push-8 { left: percentage((8 / $grid-columns)); }
|
157
|
-
.col-sm-push-9 { left: percentage((9 / $grid-columns)); }
|
158
|
-
.col-sm-push-10 { left: percentage((10/ $grid-columns)); }
|
159
|
-
.col-sm-push-11 { left: percentage((11/ $grid-columns)); }
|
160
45
|
|
161
|
-
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
|
166
|
-
|
167
|
-
.col-sm-pull-7 { right: percentage((7 / $grid-columns)); }
|
168
|
-
.col-sm-pull-8 { right: percentage((8 / $grid-columns)); }
|
169
|
-
.col-sm-pull-9 { right: percentage((9 / $grid-columns)); }
|
170
|
-
.col-sm-pull-10 { right: percentage((10/ $grid-columns)); }
|
171
|
-
.col-sm-pull-11 { right: percentage((11/ $grid-columns)); }
|
172
|
-
|
173
|
-
// Offsets
|
174
|
-
.col-sm-offset-1 { margin-left: percentage((1 / $grid-columns)); }
|
175
|
-
.col-sm-offset-2 { margin-left: percentage((2 / $grid-columns)); }
|
176
|
-
.col-sm-offset-3 { margin-left: percentage((3 / $grid-columns)); }
|
177
|
-
.col-sm-offset-4 { margin-left: percentage((4 / $grid-columns)); }
|
178
|
-
.col-sm-offset-5 { margin-left: percentage((5 / $grid-columns)); }
|
179
|
-
.col-sm-offset-6 { margin-left: percentage((6 / $grid-columns)); }
|
180
|
-
.col-sm-offset-7 { margin-left: percentage((7 / $grid-columns)); }
|
181
|
-
.col-sm-offset-8 { margin-left: percentage((8 / $grid-columns)); }
|
182
|
-
.col-sm-offset-9 { margin-left: percentage((9 / $grid-columns)); }
|
183
|
-
.col-sm-offset-10 { margin-left: percentage((10/ $grid-columns)); }
|
184
|
-
.col-sm-offset-11 { margin-left: percentage((11/ $grid-columns)); }
|
46
|
+
@media (min-width: $screen-sm-min) {
|
47
|
+
@include make-grid-columns-float(sm);
|
48
|
+
@include make-grid($grid-columns, sm, width);
|
49
|
+
@include make-grid($grid-columns, sm, pull);
|
50
|
+
@include make-grid($grid-columns, sm, push);
|
51
|
+
@include make-grid($grid-columns, sm, offset);
|
185
52
|
}
|
186
53
|
|
187
54
|
|
188
55
|
// Medium grid
|
189
56
|
//
|
190
57
|
// Columns, offsets, pushes, and pulls for the desktop device range.
|
191
|
-
//
|
192
|
-
// Note that `.col-md-12` doesn't get floated on purpose—there's no need since
|
193
|
-
// it's full-width.
|
194
|
-
|
195
|
-
@media (min-width: $screen-desktop) {
|
196
|
-
.container {
|
197
|
-
max-width: $container-desktop;
|
198
|
-
}
|
199
|
-
.col-md-1,
|
200
|
-
.col-md-2,
|
201
|
-
.col-md-3,
|
202
|
-
.col-md-4,
|
203
|
-
.col-md-5,
|
204
|
-
.col-md-6,
|
205
|
-
.col-md-7,
|
206
|
-
.col-md-8,
|
207
|
-
.col-md-9,
|
208
|
-
.col-md-10,
|
209
|
-
.col-md-11 {
|
210
|
-
float: left;
|
211
|
-
}
|
212
|
-
.col-md-1 { width: percentage((1 / $grid-columns)); }
|
213
|
-
.col-md-2 { width: percentage((2 / $grid-columns)); }
|
214
|
-
.col-md-3 { width: percentage((3 / $grid-columns)); }
|
215
|
-
.col-md-4 { width: percentage((4 / $grid-columns)); }
|
216
|
-
.col-md-5 { width: percentage((5 / $grid-columns)); }
|
217
|
-
.col-md-6 { width: percentage((6 / $grid-columns)); }
|
218
|
-
.col-md-7 { width: percentage((7 / $grid-columns)); }
|
219
|
-
.col-md-8 { width: percentage((8 / $grid-columns)); }
|
220
|
-
.col-md-9 { width: percentage((9 / $grid-columns)); }
|
221
|
-
.col-md-10 { width: percentage((10/ $grid-columns)); }
|
222
|
-
.col-md-11 { width: percentage((11/ $grid-columns)); }
|
223
|
-
.col-md-12 { width: 100%; }
|
224
|
-
|
225
|
-
// Push and pull columns for source order changes
|
226
|
-
.col-md-push-0 { left: auto; }
|
227
|
-
.col-md-push-1 { left: percentage((1 / $grid-columns)); }
|
228
|
-
.col-md-push-2 { left: percentage((2 / $grid-columns)); }
|
229
|
-
.col-md-push-3 { left: percentage((3 / $grid-columns)); }
|
230
|
-
.col-md-push-4 { left: percentage((4 / $grid-columns)); }
|
231
|
-
.col-md-push-5 { left: percentage((5 / $grid-columns)); }
|
232
|
-
.col-md-push-6 { left: percentage((6 / $grid-columns)); }
|
233
|
-
.col-md-push-7 { left: percentage((7 / $grid-columns)); }
|
234
|
-
.col-md-push-8 { left: percentage((8 / $grid-columns)); }
|
235
|
-
.col-md-push-9 { left: percentage((9 / $grid-columns)); }
|
236
|
-
.col-md-push-10 { left: percentage((10/ $grid-columns)); }
|
237
|
-
.col-md-push-11 { left: percentage((11/ $grid-columns)); }
|
238
|
-
|
239
|
-
.col-md-pull-0 { right: auto; }
|
240
|
-
.col-md-pull-1 { right: percentage((1 / $grid-columns)); }
|
241
|
-
.col-md-pull-2 { right: percentage((2 / $grid-columns)); }
|
242
|
-
.col-md-pull-3 { right: percentage((3 / $grid-columns)); }
|
243
|
-
.col-md-pull-4 { right: percentage((4 / $grid-columns)); }
|
244
|
-
.col-md-pull-5 { right: percentage((5 / $grid-columns)); }
|
245
|
-
.col-md-pull-6 { right: percentage((6 / $grid-columns)); }
|
246
|
-
.col-md-pull-7 { right: percentage((7 / $grid-columns)); }
|
247
|
-
.col-md-pull-8 { right: percentage((8 / $grid-columns)); }
|
248
|
-
.col-md-pull-9 { right: percentage((9 / $grid-columns)); }
|
249
|
-
.col-md-pull-10 { right: percentage((10/ $grid-columns)); }
|
250
|
-
.col-md-pull-11 { right: percentage((11/ $grid-columns)); }
|
251
58
|
|
252
|
-
|
253
|
-
|
254
|
-
|
255
|
-
|
256
|
-
|
257
|
-
|
258
|
-
.col-md-offset-5 { margin-left: percentage((5 / $grid-columns)); }
|
259
|
-
.col-md-offset-6 { margin-left: percentage((6 / $grid-columns)); }
|
260
|
-
.col-md-offset-7 { margin-left: percentage((7 / $grid-columns)); }
|
261
|
-
.col-md-offset-8 { margin-left: percentage((8 / $grid-columns)); }
|
262
|
-
.col-md-offset-9 { margin-left: percentage((9 / $grid-columns)); }
|
263
|
-
.col-md-offset-10 { margin-left: percentage((10/ $grid-columns)); }
|
264
|
-
.col-md-offset-11 { margin-left: percentage((11/ $grid-columns)); }
|
59
|
+
@media (min-width: $screen-md-min) {
|
60
|
+
@include make-grid-columns-float(md);
|
61
|
+
@include make-grid($grid-columns, md, width);
|
62
|
+
@include make-grid($grid-columns, md, pull);
|
63
|
+
@include make-grid($grid-columns, md, push);
|
64
|
+
@include make-grid($grid-columns, md, offset);
|
265
65
|
}
|
266
66
|
|
267
67
|
|
268
68
|
// Large grid
|
269
69
|
//
|
270
70
|
// Columns, offsets, pushes, and pulls for the large desktop device range.
|
271
|
-
//
|
272
|
-
// Note that `.col-lg-12` doesn't get floated on purpose—there's no need since
|
273
|
-
// it's full-width.
|
274
|
-
|
275
|
-
@media (min-width: $screen-lg-desktop) {
|
276
|
-
.container {
|
277
|
-
max-width: $container-lg-desktop;
|
278
|
-
}
|
279
|
-
|
280
|
-
.col-lg-1,
|
281
|
-
.col-lg-2,
|
282
|
-
.col-lg-3,
|
283
|
-
.col-lg-4,
|
284
|
-
.col-lg-5,
|
285
|
-
.col-lg-6,
|
286
|
-
.col-lg-7,
|
287
|
-
.col-lg-8,
|
288
|
-
.col-lg-9,
|
289
|
-
.col-lg-10,
|
290
|
-
.col-lg-11 {
|
291
|
-
float: left;
|
292
|
-
}
|
293
|
-
.col-lg-1 { width: percentage((1 / $grid-columns)); }
|
294
|
-
.col-lg-2 { width: percentage((2 / $grid-columns)); }
|
295
|
-
.col-lg-3 { width: percentage((3 / $grid-columns)); }
|
296
|
-
.col-lg-4 { width: percentage((4 / $grid-columns)); }
|
297
|
-
.col-lg-5 { width: percentage((5 / $grid-columns)); }
|
298
|
-
.col-lg-6 { width: percentage((6 / $grid-columns)); }
|
299
|
-
.col-lg-7 { width: percentage((7 / $grid-columns)); }
|
300
|
-
.col-lg-8 { width: percentage((8 / $grid-columns)); }
|
301
|
-
.col-lg-9 { width: percentage((9 / $grid-columns)); }
|
302
|
-
.col-lg-10 { width: percentage((10/ $grid-columns)); }
|
303
|
-
.col-lg-11 { width: percentage((11/ $grid-columns)); }
|
304
|
-
.col-lg-12 { width: 100%; }
|
305
|
-
|
306
|
-
// Push and pull columns for source order changes
|
307
|
-
.col-lg-push-0 { left: auto; }
|
308
|
-
.col-lg-push-1 { left: percentage((1 / $grid-columns)); }
|
309
|
-
.col-lg-push-2 { left: percentage((2 / $grid-columns)); }
|
310
|
-
.col-lg-push-3 { left: percentage((3 / $grid-columns)); }
|
311
|
-
.col-lg-push-4 { left: percentage((4 / $grid-columns)); }
|
312
|
-
.col-lg-push-5 { left: percentage((5 / $grid-columns)); }
|
313
|
-
.col-lg-push-6 { left: percentage((6 / $grid-columns)); }
|
314
|
-
.col-lg-push-7 { left: percentage((7 / $grid-columns)); }
|
315
|
-
.col-lg-push-8 { left: percentage((8 / $grid-columns)); }
|
316
|
-
.col-lg-push-9 { left: percentage((9 / $grid-columns)); }
|
317
|
-
.col-lg-push-10 { left: percentage((10/ $grid-columns)); }
|
318
|
-
.col-lg-push-11 { left: percentage((11/ $grid-columns)); }
|
319
|
-
|
320
|
-
.col-lg-pull-0 { right: auto; }
|
321
|
-
.col-lg-pull-1 { right: percentage((1 / $grid-columns)); }
|
322
|
-
.col-lg-pull-2 { right: percentage((2 / $grid-columns)); }
|
323
|
-
.col-lg-pull-3 { right: percentage((3 / $grid-columns)); }
|
324
|
-
.col-lg-pull-4 { right: percentage((4 / $grid-columns)); }
|
325
|
-
.col-lg-pull-5 { right: percentage((5 / $grid-columns)); }
|
326
|
-
.col-lg-pull-6 { right: percentage((6 / $grid-columns)); }
|
327
|
-
.col-lg-pull-7 { right: percentage((7 / $grid-columns)); }
|
328
|
-
.col-lg-pull-8 { right: percentage((8 / $grid-columns)); }
|
329
|
-
.col-lg-pull-9 { right: percentage((9 / $grid-columns)); }
|
330
|
-
.col-lg-pull-10 { right: percentage((10/ $grid-columns)); }
|
331
|
-
.col-lg-pull-11 { right: percentage((11/ $grid-columns)); }
|
332
71
|
|
333
|
-
|
334
|
-
|
335
|
-
|
336
|
-
|
337
|
-
|
338
|
-
|
339
|
-
.col-lg-offset-5 { margin-left: percentage((5 / $grid-columns)); }
|
340
|
-
.col-lg-offset-6 { margin-left: percentage((6 / $grid-columns)); }
|
341
|
-
.col-lg-offset-7 { margin-left: percentage((7 / $grid-columns)); }
|
342
|
-
.col-lg-offset-8 { margin-left: percentage((8 / $grid-columns)); }
|
343
|
-
.col-lg-offset-9 { margin-left: percentage((9 / $grid-columns)); }
|
344
|
-
.col-lg-offset-10 { margin-left: percentage((10/ $grid-columns)); }
|
345
|
-
.col-lg-offset-11 { margin-left: percentage((11/ $grid-columns)); }
|
72
|
+
@media (min-width: $screen-lg-min) {
|
73
|
+
@include make-grid-columns-float(lg);
|
74
|
+
@include make-grid($grid-columns, lg, width);
|
75
|
+
@include make-grid($grid-columns, lg, pull);
|
76
|
+
@include make-grid($grid-columns, lg, push);
|
77
|
+
@include make-grid($grid-columns, lg, offset);
|
346
78
|
}
|
@@ -10,7 +10,7 @@
|
|
10
10
|
border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table
|
11
11
|
|
12
12
|
// Undo padding and float of grid classes
|
13
|
-
|
13
|
+
&[class*="col-"] {
|
14
14
|
float: none;
|
15
15
|
padding-left: 0;
|
16
16
|
padding-right: 0;
|
@@ -61,6 +61,7 @@
|
|
61
61
|
font-size: $font-size-base;
|
62
62
|
font-weight: normal;
|
63
63
|
line-height: 1;
|
64
|
+
color: $input-color;
|
64
65
|
text-align: center;
|
65
66
|
background-color: $input-group-addon-bg;
|
66
67
|
border: 1px solid $input-group-addon-border-color;
|
@@ -112,6 +113,14 @@
|
|
112
113
|
.input-group-btn {
|
113
114
|
position: relative;
|
114
115
|
white-space: nowrap;
|
116
|
+
|
117
|
+
// Negative margin to only have a 1px border between the two
|
118
|
+
&:first-child > .btn {
|
119
|
+
margin-right: -1px;
|
120
|
+
}
|
121
|
+
&:last-child > .btn {
|
122
|
+
margin-left: -1px;
|
123
|
+
}
|
115
124
|
}
|
116
125
|
.input-group-btn > .btn {
|
117
126
|
position: relative;
|
@@ -6,13 +6,14 @@
|
|
6
6
|
.jumbotron {
|
7
7
|
padding: $jumbotron-padding;
|
8
8
|
margin-bottom: $jumbotron-padding;
|
9
|
-
font-size:
|
9
|
+
font-size: $jumbotron-font-size;
|
10
10
|
font-weight: 200;
|
11
11
|
line-height: ($line-height-base * 1.5);
|
12
12
|
color: $jumbotron-color;
|
13
13
|
background-color: $jumbotron-bg;
|
14
14
|
|
15
|
-
h1
|
15
|
+
h1,
|
16
|
+
.h1 {
|
16
17
|
line-height: 1;
|
17
18
|
color: $jumbotron-heading-color;
|
18
19
|
}
|
@@ -24,7 +25,11 @@
|
|
24
25
|
border-radius: $border-radius-large; // Only round corners at higher resolutions if contained in a container
|
25
26
|
}
|
26
27
|
|
27
|
-
|
28
|
+
.container {
|
29
|
+
max-width: 100%;
|
30
|
+
}
|
31
|
+
|
32
|
+
@media screen and (min-width: $screen-sm-min) {
|
28
33
|
padding-top: ($jumbotron-padding * 1.6);
|
29
34
|
padding-bottom: ($jumbotron-padding * 1.6);
|
30
35
|
|
@@ -33,7 +38,8 @@
|
|
33
38
|
padding-right: ($jumbotron-padding * 2);
|
34
39
|
}
|
35
40
|
|
36
|
-
h1
|
41
|
+
h1,
|
42
|
+
.h1 {
|
37
43
|
font-size: ($font-size-base * 4.5);
|
38
44
|
}
|
39
45
|
}
|