bootstrap-generators 3.1.1.3 → 3.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (142) hide show
  1. checksums.yaml +4 -4
  2. data/.travis.yml +4 -5
  3. data/README.md +8 -8
  4. data/Rakefile +7 -5
  5. data/lib/bootstrap/generators/version.rb +1 -1
  6. data/lib/generators/bootstrap/install/templates/assets/stylesheets/bootstrap-variables.less +40 -23
  7. data/lib/generators/bootstrap/install/templates/assets/stylesheets/bootstrap-variables.scss +41 -24
  8. data/vendor/assets/javascripts/bootstrap.js +6 -6
  9. data/vendor/assets/javascripts/bootstrap/affix.js +19 -14
  10. data/vendor/assets/javascripts/bootstrap/alert.js +10 -6
  11. data/vendor/assets/javascripts/bootstrap/button.js +11 -8
  12. data/vendor/assets/javascripts/bootstrap/carousel.js +49 -31
  13. data/vendor/assets/javascripts/bootstrap/collapse.js +22 -22
  14. data/vendor/assets/javascripts/bootstrap/dropdown.js +17 -13
  15. data/vendor/assets/javascripts/bootstrap/modal.js +66 -29
  16. data/vendor/assets/javascripts/bootstrap/popover.js +10 -7
  17. data/vendor/assets/javascripts/bootstrap/scrollspy.js +40 -23
  18. data/vendor/assets/javascripts/bootstrap/tab.js +11 -8
  19. data/vendor/assets/javascripts/bootstrap/tooltip.js +115 -57
  20. data/vendor/assets/javascripts/bootstrap/transition.js +18 -7
  21. data/vendor/assets/stylesheets/bootstrap.css.erb +2740 -2322
  22. data/vendor/twitter/bootstrap/less/alerts.less +4 -3
  23. data/vendor/twitter/bootstrap/less/badges.less +18 -18
  24. data/vendor/twitter/bootstrap/less/bootstrap.less +3 -2
  25. data/vendor/twitter/bootstrap/less/button-groups.less +16 -2
  26. data/vendor/twitter/bootstrap/less/buttons.less +0 -2
  27. data/vendor/twitter/bootstrap/less/carousel.less +15 -4
  28. data/vendor/twitter/bootstrap/less/code.less +6 -1
  29. data/vendor/twitter/bootstrap/less/component-animations.less +6 -4
  30. data/vendor/twitter/bootstrap/less/dropdowns.less +2 -0
  31. data/vendor/twitter/bootstrap/less/forms.less +144 -42
  32. data/vendor/twitter/bootstrap/less/glyphicons.less +5 -5
  33. data/vendor/twitter/bootstrap/less/input-groups.less +6 -2
  34. data/vendor/twitter/bootstrap/less/jumbotron.less +4 -0
  35. data/vendor/twitter/bootstrap/less/labels.less +1 -1
  36. data/vendor/twitter/bootstrap/less/list-group.less +22 -1
  37. data/vendor/twitter/bootstrap/less/mixins.less +35 -925
  38. data/vendor/twitter/bootstrap/less/mixins/alerts.less +14 -0
  39. data/vendor/twitter/bootstrap/less/mixins/background-variant.less +8 -0
  40. data/vendor/twitter/bootstrap/less/mixins/border-radius.less +18 -0
  41. data/vendor/twitter/bootstrap/less/mixins/buttons.less +50 -0
  42. data/vendor/twitter/bootstrap/less/mixins/center-block.less +7 -0
  43. data/vendor/twitter/bootstrap/less/mixins/clearfix.less +22 -0
  44. data/vendor/twitter/bootstrap/less/mixins/forms.less +81 -0
  45. data/vendor/twitter/bootstrap/less/mixins/gradients.less +59 -0
  46. data/vendor/twitter/bootstrap/less/mixins/grid-framework.less +91 -0
  47. data/vendor/twitter/bootstrap/less/mixins/grid.less +122 -0
  48. data/vendor/twitter/bootstrap/less/mixins/hide-text.less +21 -0
  49. data/vendor/twitter/bootstrap/less/mixins/image.less +34 -0
  50. data/vendor/twitter/bootstrap/less/mixins/labels.less +12 -0
  51. data/vendor/twitter/bootstrap/less/mixins/list-group.less +29 -0
  52. data/vendor/twitter/bootstrap/less/mixins/nav-divider.less +10 -0
  53. data/vendor/twitter/bootstrap/less/mixins/nav-vertical-align.less +9 -0
  54. data/vendor/twitter/bootstrap/less/mixins/opacity.less +8 -0
  55. data/vendor/twitter/bootstrap/less/mixins/pagination.less +23 -0
  56. data/vendor/twitter/bootstrap/less/mixins/panels.less +24 -0
  57. data/vendor/twitter/bootstrap/less/mixins/progress-bar.less +10 -0
  58. data/vendor/twitter/bootstrap/less/mixins/reset-filter.less +8 -0
  59. data/vendor/twitter/bootstrap/less/mixins/resize.less +6 -0
  60. data/vendor/twitter/bootstrap/less/mixins/responsive-visibility.less +15 -0
  61. data/vendor/twitter/bootstrap/less/mixins/size.less +10 -0
  62. data/vendor/twitter/bootstrap/less/mixins/tab-focus.less +9 -0
  63. data/vendor/twitter/bootstrap/less/mixins/table-row.less +28 -0
  64. data/vendor/twitter/bootstrap/less/mixins/text-emphasis.less +8 -0
  65. data/vendor/twitter/bootstrap/less/mixins/text-overflow.less +8 -0
  66. data/vendor/twitter/bootstrap/less/mixins/vendor-prefixes.less +224 -0
  67. data/vendor/twitter/bootstrap/less/modals.less +18 -7
  68. data/vendor/twitter/bootstrap/less/navbar.less +41 -2
  69. data/vendor/twitter/bootstrap/less/navs.less +1 -1
  70. data/vendor/twitter/bootstrap/less/normalize.less +20 -18
  71. data/vendor/twitter/bootstrap/less/panels.less +8 -6
  72. data/vendor/twitter/bootstrap/less/popovers.less +1 -1
  73. data/vendor/twitter/bootstrap/less/progress-bars.less +27 -2
  74. data/vendor/twitter/bootstrap/less/responsive-embed.less +34 -0
  75. data/vendor/twitter/bootstrap/less/responsive-utilities.less +103 -1
  76. data/vendor/twitter/bootstrap/less/scaffolding.less +17 -1
  77. data/vendor/twitter/bootstrap/less/tables.less +4 -4
  78. data/vendor/twitter/bootstrap/less/theme.less +11 -0
  79. data/vendor/twitter/bootstrap/less/type.less +32 -12
  80. data/vendor/twitter/bootstrap/less/utilities.less +1 -0
  81. data/vendor/twitter/bootstrap/less/variables.less +40 -23
  82. data/vendor/twitter/bootstrap/sass/_alerts.scss +4 -3
  83. data/vendor/twitter/bootstrap/sass/_badges.scss +13 -11
  84. data/vendor/twitter/bootstrap/sass/_button-groups.scss +16 -2
  85. data/vendor/twitter/bootstrap/sass/_buttons.scss +0 -2
  86. data/vendor/twitter/bootstrap/sass/_carousel.scss +15 -4
  87. data/vendor/twitter/bootstrap/sass/_code.scss +6 -1
  88. data/vendor/twitter/bootstrap/sass/_component-animations.scss +10 -4
  89. data/vendor/twitter/bootstrap/sass/_dropdowns.scss +2 -0
  90. data/vendor/twitter/bootstrap/sass/_forms.scss +144 -42
  91. data/vendor/twitter/bootstrap/sass/_glyphicons.scss +4 -0
  92. data/vendor/twitter/bootstrap/sass/_input-groups.scss +6 -2
  93. data/vendor/twitter/bootstrap/sass/_jumbotron.scss +4 -0
  94. data/vendor/twitter/bootstrap/sass/_labels.scss +11 -9
  95. data/vendor/twitter/bootstrap/sass/_list-group.scss +22 -1
  96. data/vendor/twitter/bootstrap/sass/_mixins.scss +35 -943
  97. data/vendor/twitter/bootstrap/sass/_modals.scss +18 -7
  98. data/vendor/twitter/bootstrap/sass/_navbar.scss +41 -2
  99. data/vendor/twitter/bootstrap/sass/_navs.scss +1 -1
  100. data/vendor/twitter/bootstrap/sass/_normalize.scss +20 -18
  101. data/vendor/twitter/bootstrap/sass/_panels.scss +8 -6
  102. data/vendor/twitter/bootstrap/sass/_popovers.scss +1 -1
  103. data/vendor/twitter/bootstrap/sass/_progress-bars.scss +27 -2
  104. data/vendor/twitter/bootstrap/sass/_responsive-embed.scss +34 -0
  105. data/vendor/twitter/bootstrap/sass/_responsive-utilities.scss +101 -1
  106. data/vendor/twitter/bootstrap/sass/_scaffolding.scss +17 -1
  107. data/vendor/twitter/bootstrap/sass/_tables.scss +4 -4
  108. data/vendor/twitter/bootstrap/sass/_theme.scss +11 -0
  109. data/vendor/twitter/bootstrap/sass/_type.scss +32 -12
  110. data/vendor/twitter/bootstrap/sass/_utilities.scss +1 -0
  111. data/vendor/twitter/bootstrap/sass/_variables.scss +41 -24
  112. data/vendor/twitter/bootstrap/sass/bootstrap.scss +3 -2
  113. data/vendor/twitter/bootstrap/sass/mixins/_alerts.scss +14 -0
  114. data/vendor/twitter/bootstrap/sass/mixins/_background-variant.scss +11 -0
  115. data/vendor/twitter/bootstrap/sass/mixins/_border-radius.scss +18 -0
  116. data/vendor/twitter/bootstrap/sass/mixins/_buttons.scss +50 -0
  117. data/vendor/twitter/bootstrap/sass/mixins/_center-block.scss +7 -0
  118. data/vendor/twitter/bootstrap/sass/mixins/_clearfix.scss +22 -0
  119. data/vendor/twitter/bootstrap/sass/mixins/_forms.scss +84 -0
  120. data/vendor/twitter/bootstrap/sass/mixins/_gradients.scss +58 -0
  121. data/vendor/twitter/bootstrap/sass/mixins/_grid-framework.scss +81 -0
  122. data/vendor/twitter/bootstrap/sass/mixins/_grid.scss +122 -0
  123. data/vendor/twitter/bootstrap/sass/mixins/_hide-text.scss +21 -0
  124. data/vendor/twitter/bootstrap/sass/mixins/_image.scss +34 -0
  125. data/vendor/twitter/bootstrap/sass/mixins/_labels.scss +12 -0
  126. data/vendor/twitter/bootstrap/sass/mixins/_list-group.scss +31 -0
  127. data/vendor/twitter/bootstrap/sass/mixins/_nav-divider.scss +10 -0
  128. data/vendor/twitter/bootstrap/sass/mixins/_nav-vertical-align.scss +9 -0
  129. data/vendor/twitter/bootstrap/sass/mixins/_opacity.scss +8 -0
  130. data/vendor/twitter/bootstrap/sass/mixins/_pagination.scss +23 -0
  131. data/vendor/twitter/bootstrap/sass/mixins/_panels.scss +24 -0
  132. data/vendor/twitter/bootstrap/sass/mixins/_progress-bar.scss +10 -0
  133. data/vendor/twitter/bootstrap/sass/mixins/_reset-filter.scss +8 -0
  134. data/vendor/twitter/bootstrap/sass/mixins/_resize.scss +6 -0
  135. data/vendor/twitter/bootstrap/sass/mixins/_responsive-visibility.scss +21 -0
  136. data/vendor/twitter/bootstrap/sass/mixins/_size.scss +10 -0
  137. data/vendor/twitter/bootstrap/sass/mixins/_tab-focus.scss +9 -0
  138. data/vendor/twitter/bootstrap/sass/mixins/_table-row.scss +28 -0
  139. data/vendor/twitter/bootstrap/sass/mixins/_text-emphasis.scss +11 -0
  140. data/vendor/twitter/bootstrap/sass/mixins/_text-overflow.scss +8 -0
  141. data/vendor/twitter/bootstrap/sass/mixins/_vendor-prefixes.scss +219 -0
  142. metadata +62 -2
@@ -20,7 +20,7 @@
20
20
  // Body reset
21
21
 
22
22
  html {
23
- font-size: 62.5%;
23
+ font-size: 10px;
24
24
  -webkit-tap-highlight-color: rgba(0,0,0,0);
25
25
  }
26
26
 
@@ -132,3 +132,19 @@ hr {
132
132
  clip: rect(0,0,0,0);
133
133
  border: 0;
134
134
  }
135
+
136
+ // Use in conjunction with .sr-only to only display content when it's focused.
137
+ // Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
138
+ // Credit: HTML5 Boilerplate
139
+
140
+ .sr-only-focusable {
141
+ &:active,
142
+ &:focus {
143
+ position: static;
144
+ width: auto;
145
+ height: auto;
146
+ margin: 0;
147
+ overflow: visible;
148
+ clip: auto;
149
+ }
150
+ }
@@ -4,7 +4,6 @@
4
4
 
5
5
 
6
6
  table {
7
- max-width: 100%;
8
7
  background-color: @table-bg;
9
8
  }
10
9
  th {
@@ -16,6 +15,7 @@ th {
16
15
 
17
16
  .table {
18
17
  width: 100%;
18
+ max-width: 100%;
19
19
  margin-bottom: @line-height-computed;
20
20
  // Cells
21
21
  > thead,
@@ -168,12 +168,12 @@ table {
168
168
  // by enabling horizontal scrolling. Only applies <768px. Everything above that
169
169
  // will display normally.
170
170
 
171
- @media (max-width: @screen-xs-max) {
172
- .table-responsive {
171
+ .table-responsive {
172
+ @media screen and (max-width: @screen-xs-max) {
173
173
  width: 100%;
174
174
  margin-bottom: (@line-height-computed * 0.75);
175
175
  overflow-y: hidden;
176
- overflow-x: scroll;
176
+ overflow-x: auto;
177
177
  -ms-overflow-style: -ms-autohiding-scrollbar;
178
178
  border: 1px solid @table-border-color;
179
179
  -webkit-overflow-scrolling: touch;
@@ -48,6 +48,12 @@
48
48
  background-color: darken(@btn-color, 12%);
49
49
  border-color: darken(@btn-color, 14%);
50
50
  }
51
+
52
+ &:disabled,
53
+ &[disabled] {
54
+ background-color: darken(@btn-color, 12%);
55
+ background-image: none;
56
+ }
51
57
  }
52
58
 
53
59
  // Common styles
@@ -191,6 +197,11 @@
191
197
  .progress-bar-warning { .progress-bar-styles(@progress-bar-warning-bg); }
192
198
  .progress-bar-danger { .progress-bar-styles(@progress-bar-danger-bg); }
193
199
 
200
+ // Reset the striped class because our mixins don't do multiple gradients and
201
+ // the above custom styles override the new `.progress-bar-striped` in v3.2.0.
202
+ .progress-bar-striped {
203
+ #gradient > .striped();
204
+ }
194
205
 
195
206
 
196
207
  //
@@ -62,7 +62,7 @@ p {
62
62
  .lead {
63
63
  margin-bottom: @line-height-computed;
64
64
  font-size: floor((@font-size-base * 1.15));
65
- font-weight: 200;
65
+ font-weight: 300;
66
66
  line-height: 1.4;
67
67
 
68
68
  @media (min-width: @screen-sm-min) {
@@ -74,18 +74,34 @@ p {
74
74
  // Emphasis & misc
75
75
  // -------------------------
76
76
 
77
- // Ex: 14px base font * 85% = about 12px
77
+ // Ex: (12px small font / 14px base font) * 100% = about 85%
78
78
  small,
79
- .small { font-size: 85%; }
79
+ .small {
80
+ font-size: floor((100% * @font-size-small / @font-size-base));
81
+ }
80
82
 
81
83
  // Undo browser default styling
82
- cite { font-style: normal; }
84
+ cite {
85
+ font-style: normal;
86
+ }
87
+
88
+ mark,
89
+ .mark {
90
+ background-color: @state-warning-bg;
91
+ padding: .2em;
92
+ }
83
93
 
84
94
  // Alignment
85
95
  .text-left { text-align: left; }
86
96
  .text-right { text-align: right; }
87
97
  .text-center { text-align: center; }
88
98
  .text-justify { text-align: justify; }
99
+ .text-nowrap { white-space: nowrap; }
100
+
101
+ // Transformation
102
+ .text-lowercase { text-transform: lowercase; }
103
+ .text-uppercase { text-transform: uppercase; }
104
+ .text-capitalize { text-transform: capitalize; }
89
105
 
90
106
  // Contextual colors
91
107
  .text-muted {
@@ -141,7 +157,7 @@ cite { font-style: normal; }
141
157
 
142
158
 
143
159
  // Lists
144
- // --------------------------------------------------
160
+ // -------------------------
145
161
 
146
162
  // Unordered and Ordered lists
147
163
  ul,
@@ -195,24 +211,28 @@ dd {
195
211
  // Defaults to being stacked without any of the below styles applied, until the
196
212
  // grid breakpoint is reached (default of ~768px).
197
213
 
198
- @media (min-width: @grid-float-breakpoint) {
199
- .dl-horizontal {
214
+ .dl-horizontal {
215
+ dd {
216
+ &:extend(.clearfix all); // Clear the floated `dt` if an empty `dd` is present
217
+ }
218
+
219
+ @media (min-width: @grid-float-breakpoint) {
200
220
  dt {
201
221
  float: left;
202
- width: (@component-offset-horizontal - 20);
222
+ width: (@dl-horizontal-offset - 20);
203
223
  clear: left;
204
224
  text-align: right;
205
225
  .text-overflow();
206
226
  }
207
227
  dd {
208
- margin-left: @component-offset-horizontal;
209
- &:extend(.clearfix all); // Clear the floated `dt` if an empty `dd` is present
228
+ margin-left: @dl-horizontal-offset;
210
229
  }
211
230
  }
212
231
  }
213
232
 
214
- // MISC
215
- // ----
233
+
234
+ // Misc
235
+ // -------------------------
216
236
 
217
237
  // Abbreviations and acronyms
218
238
  abbr[title],
@@ -53,4 +53,5 @@
53
53
 
54
54
  .affix {
55
55
  position: fixed;
56
+ .translate3d(0, 0, 0);
56
57
  }
@@ -10,7 +10,7 @@
10
10
  @gray-darker: lighten(#000, 13.5%); // #222
11
11
  @gray-dark: lighten(#000, 20%); // #333
12
12
  @gray: lighten(#000, 33.5%); // #555
13
- @gray-light: lighten(#000, 60%); // #999
13
+ @gray-light: lighten(#000, 46.7%); // #777
14
14
  @gray-lighter: lighten(#000, 93.5%); // #eee
15
15
 
16
16
  @brand-primary: #428bca;
@@ -22,7 +22,7 @@
22
22
 
23
23
  //== Scaffolding
24
24
  //
25
- // ## Settings for some of the most global styles.
25
+ //## Settings for some of the most global styles.
26
26
 
27
27
  //** Background color for `<body>`.
28
28
  @body-bg: #fff;
@@ -68,14 +68,18 @@
68
68
  @headings-color: inherit;
69
69
 
70
70
 
71
- //-- Iconography
71
+ //== Iconography
72
72
  //
73
- //## Specify custom locations of the include Glyphicons icon font. Useful for those including Bootstrap via Bower.
73
+ //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
74
74
 
75
+ //** Load fonts from this directory.
75
76
  @icon-font-path: "bootstrap/";
77
+ //** File name for all font files.
76
78
  @icon-font-name: "glyphicons-halflings-regular";
79
+ //** Element ID within SVG icon file.
77
80
  @icon-font-svg-id: "glyphicons_halflingsregular";
78
81
 
82
+
79
83
  //== Components
80
84
  //
81
85
  //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
@@ -232,7 +236,7 @@
232
236
  //** Text color for headers within dropdown menus.
233
237
  @dropdown-header-color: @gray-light;
234
238
 
235
- // Note: Deprecated @dropdown-caret-color as of v3.1.0
239
+ //** Deprecated `@dropdown-caret-color` as of v3.1.0
236
240
  @dropdown-caret-color: #000;
237
241
 
238
242
 
@@ -245,8 +249,8 @@
245
249
 
246
250
  @zindex-navbar: 1000;
247
251
  @zindex-dropdown: 1000;
248
- @zindex-popover: 1010;
249
- @zindex-tooltip: 1030;
252
+ @zindex-popover: 1060;
253
+ @zindex-tooltip: 1070;
250
254
  @zindex-navbar-fixed: 1030;
251
255
  @zindex-modal-background: 1040;
252
256
  @zindex-modal: 1050;
@@ -257,27 +261,32 @@
257
261
  //## Define the breakpoints at which your layout will change, adapting to different screen sizes.
258
262
 
259
263
  // Extra small screen / phone
260
- // Note: Deprecated @screen-xs and @screen-phone as of v3.0.1
264
+ //** Deprecated `@screen-xs` as of v3.0.1
261
265
  @screen-xs: 480px;
266
+ //** Deprecated `@screen-xs-min` as of v3.2.0
262
267
  @screen-xs-min: @screen-xs;
268
+ //** Deprecated `@screen-phone` as of v3.0.1
263
269
  @screen-phone: @screen-xs-min;
264
270
 
265
271
  // Small screen / tablet
266
- // Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1
272
+ //** Deprecated `@screen-sm` as of v3.0.1
267
273
  @screen-sm: 768px;
268
274
  @screen-sm-min: @screen-sm;
275
+ //** Deprecated `@screen-tablet` as of v3.0.1
269
276
  @screen-tablet: @screen-sm-min;
270
277
 
271
278
  // Medium screen / desktop
272
- // Note: Deprecated @screen-md and @screen-desktop as of v3.0.1
279
+ //** Deprecated `@screen-md` as of v3.0.1
273
280
  @screen-md: 992px;
274
281
  @screen-md-min: @screen-md;
282
+ //** Deprecated `@screen-desktop` as of v3.0.1
275
283
  @screen-desktop: @screen-md-min;
276
284
 
277
285
  // Large screen / wide desktop
278
- // Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1
286
+ //** Deprecated `@screen-lg` as of v3.0.1
279
287
  @screen-lg: 1200px;
280
288
  @screen-lg-min: @screen-lg;
289
+ //** Deprecated `@screen-lg-desktop` as of v3.0.1
281
290
  @screen-lg-desktop: @screen-lg-min;
282
291
 
283
292
  // So media queries don't overlap when required, provide a maximum
@@ -558,7 +567,7 @@
558
567
  //##
559
568
 
560
569
  //** Padding applied to the modal body
561
- @modal-inner-padding: 20px;
570
+ @modal-inner-padding: 15px;
562
571
 
563
572
  //** Padding applied to the modal title
564
573
  @modal-title-padding: 15px;
@@ -643,17 +652,26 @@
643
652
  //** List group border radius
644
653
  @list-group-border-radius: @border-radius-base;
645
654
 
646
- //** Background color of single list elements on hover
655
+ //** Background color of single list items on hover
647
656
  @list-group-hover-bg: #f5f5f5;
648
- //** Text color of active list elements
657
+ //** Text color of active list items
649
658
  @list-group-active-color: @component-active-color;
650
- //** Background color of active list elements
659
+ //** Background color of active list items
651
660
  @list-group-active-bg: @component-active-bg;
652
661
  //** Border color of active list elements
653
662
  @list-group-active-border: @list-group-active-bg;
663
+ //** Text color for content within active list items
654
664
  @list-group-active-text-color: lighten(@list-group-active-bg, 40%);
655
665
 
666
+ //** Text color of disabled list items
667
+ @list-group-disabled-color: @gray-light;
668
+ //** Background color of disabled list items
669
+ @list-group-disabled-bg: @gray-lighter;
670
+ //** Text color for content within disabled list items
671
+ @list-group-disabled-text-color: @list-group-disabled-color;
672
+
656
673
  @list-group-link-color: #555;
674
+ @list-group-link-hover-color: @list-group-link-color;
657
675
  @list-group-link-heading-color: #333;
658
676
 
659
677
 
@@ -663,6 +681,8 @@
663
681
 
664
682
  @panel-bg: #fff;
665
683
  @panel-body-padding: 15px;
684
+ @panel-heading-padding: 10px 15px;
685
+ @panel-footer-padding: @panel-heading-padding;
666
686
  @panel-border-radius: @border-radius-base;
667
687
 
668
688
  //** Border color for elements within panels
@@ -802,6 +822,8 @@
802
822
  //
803
823
  //##
804
824
 
825
+ //** Horizontal offset for forms and lists.
826
+ @component-offset-horizontal: 180px;
805
827
  //** Text muted color
806
828
  @text-muted: @gray-light;
807
829
  //** Abbreviations and acronyms border color
@@ -816,14 +838,9 @@
816
838
  @blockquote-border-color: @gray-lighter;
817
839
  //** Page header border color
818
840
  @page-header-border-color: @gray-lighter;
819
-
820
-
821
- //== Miscellaneous
822
- //
823
- //##
824
-
841
+ //** Width of horizontal description list titles
842
+ @dl-horizontal-offset: @component-offset-horizontal;
825
843
  //** Horizontal line color.
826
844
  @hr-border: @gray-lighter;
827
845
 
828
- //** Horizontal offset for forms and lists.
829
- @component-offset-horizontal: 180px;
846
+
@@ -33,12 +33,13 @@
33
33
  }
34
34
  }
35
35
 
36
- // Dismissable alerts
36
+ // Dismissible alerts
37
37
  //
38
38
  // Expand the right padding and account for the close button's positioning.
39
39
 
40
- .alert-dismissable {
41
- padding-right: ($alert-padding + 20);
40
+ .alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0.
41
+ .alert-dismissible {
42
+ padding-right: ($alert-padding + 20);
42
43
 
43
44
  // Adjust close link position
44
45
  .close {
@@ -3,7 +3,7 @@
3
3
  // --------------------------------------------------
4
4
 
5
5
 
6
- // Base classes
6
+ // Base class
7
7
  .badge {
8
8
  display: inline-block;
9
9
  min-width: 10px;
@@ -32,6 +32,18 @@
32
32
  top: 0;
33
33
  padding: 1px 5px;
34
34
  }
35
+
36
+ // [converter] extracted a& to a.badge
37
+
38
+ // Account for badges in navs
39
+ a.list-group-item.active > &,
40
+ .nav-pills > .active > a > & {
41
+ color: $badge-active-color;
42
+ background-color: $badge-active-bg;
43
+ }
44
+ .nav-pills > li > a > & {
45
+ margin-left: 3px;
46
+ }
35
47
  }
36
48
 
37
49
  // Hover state, but only for links
@@ -43,13 +55,3 @@ a.badge {
43
55
  cursor: pointer;
44
56
  }
45
57
  }
46
-
47
- // Account for counters in navs
48
- a.list-group-item.active > .badge,
49
- .nav-pills > .active > a > .badge {
50
- color: $badge-active-color;
51
- background-color: $badge-active-bg;
52
- }
53
- .nav-pills > li > a > .badge {
54
- margin-left: 3px;
55
- }
@@ -20,7 +20,7 @@
20
20
  }
21
21
  &:focus {
22
22
  // Remove focus outline when dropdown JS adds it after closing the menu
23
- outline: none;
23
+ outline: 0;
24
24
  }
25
25
  }
26
26
  }
@@ -216,11 +216,25 @@
216
216
  > .btn-group .btn {
217
217
  width: 100%;
218
218
  }
219
+
220
+ > .btn-group .dropdown-menu {
221
+ left: auto;
222
+ }
219
223
  }
220
224
 
221
225
 
222
226
  // Checkbox and radio options
227
+ //
228
+ // In order to support the browser's form validation feedback, powered by the
229
+ // `required` attribute, we have to "hide" the inputs via `opacity`. We cannot
230
+ // use `display: none;` or `visibility: hidden;` as that also hides the popover.
231
+ // This way, we ensure a DOM element is visible to position the popover from.
232
+ //
233
+ // See https://github.com/twbs/bootstrap/pull/12794 for more.
234
+
223
235
  [data-toggle="buttons"] > .btn > input[type="radio"],
224
236
  [data-toggle="buttons"] > .btn > input[type="checkbox"] {
225
- display: none;
237
+ position: absolute;
238
+ z-index: -1;
239
+ @include opacity(0);
226
240
  }
@@ -140,8 +140,6 @@
140
140
  .btn-block {
141
141
  display: block;
142
142
  width: 100%;
143
- padding-left: 0;
144
- padding-right: 0;
145
143
  }
146
144
 
147
145
  // Vertically space out multiple block buttons