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.
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