bootstrap-sass-rails 3.0.0.3 → 3.0.3.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (62) hide show
  1. data/README.md +20 -0
  2. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.eot +0 -0
  3. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.svg +200 -199
  4. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.ttf +0 -0
  5. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.woff +0 -0
  6. data/app/assets/javascripts/twitter/bootstrap/affix.js +4 -4
  7. data/app/assets/javascripts/twitter/bootstrap/alert.js +3 -3
  8. data/app/assets/javascripts/twitter/bootstrap/button.js +13 -7
  9. data/app/assets/javascripts/twitter/bootstrap/carousel.js +8 -8
  10. data/app/assets/javascripts/twitter/bootstrap/collapse.js +4 -4
  11. data/app/assets/javascripts/twitter/bootstrap/dropdown.js +8 -8
  12. data/app/assets/javascripts/twitter/bootstrap/modal.js +4 -4
  13. data/app/assets/javascripts/twitter/bootstrap/popover.js +4 -4
  14. data/app/assets/javascripts/twitter/bootstrap/scrollspy.js +5 -5
  15. data/app/assets/javascripts/twitter/bootstrap/tab.js +5 -5
  16. data/app/assets/javascripts/twitter/bootstrap/tooltip.js +4 -4
  17. data/app/assets/javascripts/twitter/bootstrap/transition.js +3 -3
  18. data/app/assets/stylesheets/twitter/bootstrap/_alerts.scss +1 -1
  19. data/app/assets/stylesheets/twitter/bootstrap/_badges.scss +6 -6
  20. data/app/assets/stylesheets/twitter/bootstrap/_breadcrumbs.scss +2 -2
  21. data/app/assets/stylesheets/twitter/bootstrap/_button-groups.scss +12 -33
  22. data/app/assets/stylesheets/twitter/bootstrap/_buttons.scss +4 -9
  23. data/app/assets/stylesheets/twitter/bootstrap/_carousel.scss +33 -10
  24. data/app/assets/stylesheets/twitter/bootstrap/_close.scss +1 -0
  25. data/app/assets/stylesheets/twitter/bootstrap/_code.scss +5 -8
  26. data/app/assets/stylesheets/twitter/bootstrap/_dropdowns.scss +3 -9
  27. data/app/assets/stylesheets/twitter/bootstrap/_forms.scss +33 -10
  28. data/app/assets/stylesheets/twitter/bootstrap/_glyphicons.scss +15 -10
  29. data/app/assets/stylesheets/twitter/bootstrap/_grid.scss +36 -304
  30. data/app/assets/stylesheets/twitter/bootstrap/_input-groups.scss +10 -1
  31. data/app/assets/stylesheets/twitter/bootstrap/_jumbotron.scss +10 -4
  32. data/app/assets/stylesheets/twitter/bootstrap/_labels.scss +6 -0
  33. data/app/assets/stylesheets/twitter/bootstrap/_list-group.scss +14 -15
  34. data/app/assets/stylesheets/twitter/bootstrap/_mixins.scss +176 -65
  35. data/app/assets/stylesheets/twitter/bootstrap/_modals.scss +5 -21
  36. data/app/assets/stylesheets/twitter/bootstrap/_navbar.scss +49 -58
  37. data/app/assets/stylesheets/twitter/bootstrap/_navs.scss +43 -30
  38. data/app/assets/stylesheets/twitter/bootstrap/_normalize.scss +16 -6
  39. data/app/assets/stylesheets/twitter/bootstrap/_pagination.scss +2 -0
  40. data/app/assets/stylesheets/twitter/bootstrap/_panels.scss +41 -7
  41. data/app/assets/stylesheets/twitter/bootstrap/_print.scss +6 -1
  42. data/app/assets/stylesheets/twitter/bootstrap/_progress-bars.scss +4 -19
  43. data/app/assets/stylesheets/twitter/bootstrap/_responsive-utilities.scss +37 -48
  44. data/app/assets/stylesheets/twitter/bootstrap/_scaffolding.scss +1 -12
  45. data/app/assets/stylesheets/twitter/bootstrap/_tables.scss +45 -50
  46. data/app/assets/stylesheets/twitter/bootstrap/_theme.scss +26 -11
  47. data/app/assets/stylesheets/twitter/bootstrap/_thumbnails.scss +22 -15
  48. data/app/assets/stylesheets/twitter/bootstrap/_tooltip.scss +8 -8
  49. data/app/assets/stylesheets/twitter/bootstrap/_type.scss +105 -62
  50. data/app/assets/stylesheets/twitter/bootstrap/_utilities.scss +15 -1
  51. data/app/assets/stylesheets/twitter/bootstrap/_variables.scss +69 -47
  52. data/app/assets/stylesheets/twitter/bootstrap.css.scss +0 -10
  53. data/lib/bootstrap/sass/rails/engine.rb +9 -1
  54. data/lib/bootstrap/sass/rails/version.rb +1 -1
  55. data/lib/generators/bootstrap/customize_generator.rb +37 -0
  56. data/lib/generators/bootstrap/templates/USAGE +23 -0
  57. data/lib/generators/bootstrap/templates/bootstrap-custom.css.scss +18 -0
  58. data/lib/generators/bootstrap/templates/bootstrap-custom.js +3 -0
  59. data/test/cases/less_to_sass_spec.rb +1 -1
  60. data/test/cases/usage_css_spec.rb +0 -3
  61. metadata +27 -5
  62. checksums.yaml +0 -15
@@ -82,13 +82,14 @@ input[type="number"] {
82
82
  }
83
83
  }
84
84
 
85
-
86
- // Placeholder
87
- //
88
- // Placeholder text gets special styles because when browsers invalidate entire
89
- // lines if it doesn't understand a selector/
90
- .form-control {
91
- @include placeholder();
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-tablet) {
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-tablet) {
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
- .col-xs-1,
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
- // Grid classes for extra small devices like smartphones. No offset, push, or
77
- // pull classes are present here due to the size of the target.
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
- .col-xs-1,
83
- .col-xs-2,
84
- .col-xs-3,
85
- .col-xs-4,
86
- .col-xs-5,
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
- .col-sm-pull-1 { right: percentage((1 / $grid-columns)); }
162
- .col-sm-pull-2 { right: percentage((2 / $grid-columns)); }
163
- .col-sm-pull-3 { right: percentage((3 / $grid-columns)); }
164
- .col-sm-pull-4 { right: percentage((4 / $grid-columns)); }
165
- .col-sm-pull-5 { right: percentage((5 / $grid-columns)); }
166
- .col-sm-pull-6 { right: percentage((6 / $grid-columns)); }
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
- // Offsets
253
- .col-md-offset-0 { margin-left: 0; }
254
- .col-md-offset-1 { margin-left: percentage((1 / $grid-columns)); }
255
- .col-md-offset-2 { margin-left: percentage((2 / $grid-columns)); }
256
- .col-md-offset-3 { margin-left: percentage((3 / $grid-columns)); }
257
- .col-md-offset-4 { margin-left: percentage((4 / $grid-columns)); }
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
- // Offsets
334
- .col-lg-offset-0 { margin-left: 0; }
335
- .col-lg-offset-1 { margin-left: percentage((1 / $grid-columns)); }
336
- .col-lg-offset-2 { margin-left: percentage((2 / $grid-columns)); }
337
- .col-lg-offset-3 { margin-left: percentage((3 / $grid-columns)); }
338
- .col-lg-offset-4 { margin-left: percentage((4 / $grid-columns)); }
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
- &.col {
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: ($font-size-base * 1.5);
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
- @media screen and (min-width: $screen-tablet) {
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
  }
@@ -28,6 +28,12 @@
28
28
  &:empty {
29
29
  display: none;
30
30
  }
31
+
32
+ // Quick fix for labels in buttons
33
+ .btn & {
34
+ position: relative;
35
+ top: -1px;
36
+ }
31
37
  }
32
38
 
33
39
  // Colors