locomotivecms_wagon 2.0.0.rc2 → 2.0.0.rc3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (159) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile +1 -1
  3. data/generators/{bootstrap3 → bootstrap}/Gemfile.tt +0 -0
  4. data/generators/{bootstrap3 → bootstrap}/app/content_types/.empty_directory +0 -0
  5. data/generators/bootstrap/app/views/pages/404.liquid +18 -0
  6. data/generators/bootstrap/app/views/pages/404.liquid.haml +14 -0
  7. data/generators/bootstrap/app/views/pages/index.liquid +31 -0
  8. data/generators/bootstrap/app/views/pages/index.liquid.haml +25 -0
  9. data/generators/bootstrap/app/views/pages/layouts/default.liquid +31 -0
  10. data/generators/bootstrap/app/views/pages/layouts/default.liquid.haml +30 -0
  11. data/generators/bootstrap/app/views/pages/layouts/simple.liquid +36 -0
  12. data/generators/bootstrap/app/views/pages/layouts/simple.liquid.haml +29 -0
  13. data/generators/bootstrap/app/views/snippets/footer.liquid +5 -0
  14. data/generators/bootstrap/app/views/snippets/footer.liquid.haml +3 -0
  15. data/generators/bootstrap/app/views/snippets/nav.liquid +26 -0
  16. data/generators/bootstrap/app/views/snippets/nav.liquid.haml +19 -0
  17. data/generators/{bootstrap3 → bootstrap}/config/deploy.yml +0 -0
  18. data/generators/bootstrap/config/site.yml.tt +1 -6
  19. data/generators/{bootstrap3 → bootstrap}/config/translations.yml +0 -0
  20. data/generators/{bootstrap3 → bootstrap}/data/.empty_directory +0 -0
  21. data/generators/{bootstrap3 → bootstrap}/icon.png +0 -0
  22. data/generators/bootstrap/public/fonts/bootstrap/glyphicons-halflings-regular.eot +0 -0
  23. data/generators/bootstrap/public/fonts/bootstrap/glyphicons-halflings-regular.svg +288 -0
  24. data/generators/bootstrap/public/fonts/bootstrap/glyphicons-halflings-regular.ttf +0 -0
  25. data/generators/bootstrap/public/fonts/bootstrap/glyphicons-halflings-regular.woff +0 -0
  26. data/generators/bootstrap/public/fonts/bootstrap/glyphicons-halflings-regular.woff2 +0 -0
  27. data/generators/{bootstrap3/public/samples → bootstrap/public/images}/favicon.png +0 -0
  28. data/generators/bootstrap/public/javascripts/application.js +2 -0
  29. data/generators/{bootstrap3 → bootstrap}/public/javascripts/bootstrap/affix.js +60 -35
  30. data/generators/{bootstrap3 → bootstrap}/public/javascripts/bootstrap/alert.js +15 -9
  31. data/generators/{bootstrap3 → bootstrap}/public/javascripts/bootstrap/button.js +33 -20
  32. data/generators/{bootstrap3 → bootstrap}/public/javascripts/bootstrap/carousel.js +79 -47
  33. data/generators/{bootstrap3 → bootstrap}/public/javascripts/bootstrap/collapse.js +84 -43
  34. data/generators/{bootstrap3 → bootstrap}/public/javascripts/bootstrap/dropdown.js +64 -46
  35. data/generators/bootstrap/public/javascripts/bootstrap/modal.js +337 -0
  36. data/generators/{bootstrap3 → bootstrap}/public/javascripts/bootstrap/popover.js +12 -14
  37. data/generators/{bootstrap3 → bootstrap}/public/javascripts/bootstrap/scrollspy.js +57 -38
  38. data/generators/{bootstrap3 → bootstrap}/public/javascripts/bootstrap/tab.js +54 -24
  39. data/generators/{bootstrap3 → bootstrap}/public/javascripts/bootstrap/tooltip.js +202 -87
  40. data/generators/{bootstrap3 → bootstrap}/public/javascripts/bootstrap/transition.js +19 -8
  41. data/generators/bootstrap/public/javascripts/bootstrap.min.js +7 -0
  42. data/generators/bootstrap/public/javascripts/jquery.min.js +5 -0
  43. data/generators/bootstrap/public/stylesheets/application.css +7 -0
  44. data/generators/bootstrap/public/stylesheets/application.scss +7 -0
  45. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_alerts.scss +9 -3
  46. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_badges.scss +26 -13
  47. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_breadcrumbs.scss +3 -1
  48. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_button-groups.scss +32 -14
  49. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_buttons.scss +22 -13
  50. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_carousel.scss +43 -6
  51. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_close.scss +1 -0
  52. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_code.scss +7 -1
  53. data/generators/bootstrap/public/stylesheets/bootstrap/_component-animations.scss +37 -0
  54. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_dropdowns.scss +12 -9
  55. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_forms.scss +240 -65
  56. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_glyphicons.scss +83 -9
  57. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_grid.scss +4 -4
  58. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_input-groups.scss +7 -2
  59. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_jumbotron.scss +12 -4
  60. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_labels.scss +11 -9
  61. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_list-group.scss +32 -12
  62. data/generators/bootstrap/public/stylesheets/bootstrap/_media.scss +66 -0
  63. data/generators/bootstrap/public/stylesheets/bootstrap/_mixins.scss +40 -0
  64. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_modals.scss +18 -7
  65. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_navbar.scss +75 -33
  66. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_navs.scss +4 -4
  67. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_normalize.scss +29 -28
  68. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_pager.scss +2 -3
  69. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_pagination.scss +4 -3
  70. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_panels.scss +40 -10
  71. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_popovers.scss +6 -8
  72. data/generators/bootstrap/public/stylesheets/bootstrap/_print.scss +101 -0
  73. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_progress-bars.scss +13 -6
  74. data/generators/bootstrap/public/stylesheets/bootstrap/_responsive-embed.scss +35 -0
  75. data/generators/bootstrap/public/stylesheets/bootstrap/_responsive-utilities.scss +179 -0
  76. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_scaffolding.scss +31 -4
  77. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_tables.scss +17 -16
  78. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_theme.scss +57 -13
  79. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_thumbnails.scss +2 -2
  80. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_tooltip.scss +13 -7
  81. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_type.scss +38 -24
  82. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_utilities.scss +3 -4
  83. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_variables.scss +86 -47
  84. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_wells.scss +0 -0
  85. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_alerts.scss +14 -0
  86. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_background-variant.scss +12 -0
  87. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_border-radius.scss +18 -0
  88. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_buttons.scss +68 -0
  89. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_center-block.scss +7 -0
  90. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_clearfix.scss +22 -0
  91. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_forms.scss +88 -0
  92. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_gradients.scss +58 -0
  93. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_grid-framework.scss +81 -0
  94. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_grid.scss +122 -0
  95. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_hide-text.scss +21 -0
  96. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_image.scss +33 -0
  97. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_labels.scss +12 -0
  98. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_list-group.scss +32 -0
  99. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_nav-divider.scss +10 -0
  100. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_nav-vertical-align.scss +9 -0
  101. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_opacity.scss +8 -0
  102. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_pagination.scss +24 -0
  103. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_panels.scss +24 -0
  104. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_progress-bar.scss +10 -0
  105. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_reset-filter.scss +8 -0
  106. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_reset-text.scss +18 -0
  107. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_resize.scss +6 -0
  108. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_responsive-visibility.scss +21 -0
  109. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_size.scss +10 -0
  110. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_tab-focus.scss +9 -0
  111. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_table-row.scss +28 -0
  112. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_text-emphasis.scss +12 -0
  113. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_text-overflow.scss +8 -0
  114. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_vendor-prefixes.scss +222 -0
  115. data/generators/bootstrap/public/stylesheets/bootstrap.css +5 -0
  116. data/generators/{bootstrap3/public/stylesheets/bootstrap.css.scss → bootstrap/public/stylesheets/bootstrap.scss} +16 -2
  117. data/lib/locomotive/wagon/cli.rb +3 -3
  118. data/lib/locomotive/wagon/commands/authenticate_command.rb +2 -1
  119. data/lib/locomotive/wagon/commands/concerns/spinner_concern.rb +29 -0
  120. data/lib/locomotive/wagon/commands/pull_command.rb +18 -3
  121. data/lib/locomotive/wagon/commands/push_command.rb +28 -4
  122. data/lib/locomotive/wagon/commands/sync_command.rb +21 -6
  123. data/lib/locomotive/wagon/commands/sync_sub_commands/sync_pages_command.rb +27 -3
  124. data/lib/locomotive/wagon/generators/site/{bootstrap3.rb → bootstrap.rb} +12 -6
  125. data/lib/locomotive/wagon/generators/site.rb +1 -1
  126. data/lib/locomotive/wagon/tools/listen.rb +1 -1
  127. data/lib/locomotive/wagon/version.rb +1 -1
  128. data/lib/locomotive/wagon.rb +2 -2
  129. data/locomotivecms_wagon.gemspec +3 -2
  130. data/spec/unit/decorators/theme_asset_decorator_spec.rb +10 -0
  131. metadata +124 -90
  132. data/generators/bootstrap3/app/views/pages/404.liquid +0 -13
  133. data/generators/bootstrap3/app/views/pages/404.liquid.haml +0 -10
  134. data/generators/bootstrap3/app/views/pages/index.liquid +0 -738
  135. data/generators/bootstrap3/app/views/pages/index.liquid.haml +0 -1018
  136. data/generators/bootstrap3/app/views/snippets/footer.liquid +0 -3
  137. data/generators/bootstrap3/app/views/snippets/footer.liquid.haml +0 -2
  138. data/generators/bootstrap3/config/site.yml.tt +0 -28
  139. data/generators/bootstrap3/public/fonts/glyphicons-halflings-regular.eot +0 -0
  140. data/generators/bootstrap3/public/fonts/glyphicons-halflings-regular.svg +0 -229
  141. data/generators/bootstrap3/public/fonts/glyphicons-halflings-regular.ttf +0 -0
  142. data/generators/bootstrap3/public/fonts/glyphicons-halflings-regular.woff +0 -0
  143. data/generators/bootstrap3/public/images/.empty_directory +0 -1
  144. data/generators/bootstrap3/public/javascripts/bootstrap/modal.js +0 -243
  145. data/generators/bootstrap3/public/javascripts/bootstrap.min.js +0 -12
  146. data/generators/bootstrap3/public/samples/apple-touch-icon-114x114-precomposed.png +0 -0
  147. data/generators/bootstrap3/public/samples/apple-touch-icon-144x144-precomposed.png +0 -0
  148. data/generators/bootstrap3/public/samples/apple-touch-icon-72x72-precomposed.png +0 -0
  149. data/generators/bootstrap3/public/samples/apple-touch-icon-precomposed.png +0 -0
  150. data/generators/bootstrap3/public/stylesheets/application.css +0 -1
  151. data/generators/bootstrap3/public/stylesheets/application.css.scss +0 -8
  152. data/generators/bootstrap3/public/stylesheets/bootstrap/_component-animations.scss +0 -29
  153. data/generators/bootstrap3/public/stylesheets/bootstrap/_media.scss +0 -56
  154. data/generators/bootstrap3/public/stylesheets/bootstrap/_mixins.scss +0 -947
  155. data/generators/bootstrap3/public/stylesheets/bootstrap/_print.scss +0 -101
  156. data/generators/bootstrap3/public/stylesheets/bootstrap/_responsive-utilities.scss +0 -74
  157. data/generators/bootstrap3/public/stylesheets/bootstrap/bootstrap.css.scss +0 -49
  158. data/generators/bootstrap3/public/stylesheets/bootstrap.css +0 -5784
  159. data/lib/locomotive/wagon/generators/site/bootstrap2.rb +0 -34
@@ -18,10 +18,6 @@
18
18
  &.active {
19
19
  z-index: 2;
20
20
  }
21
- &:focus {
22
- // Remove focus outline when dropdown JS adds it after closing the menu
23
- outline: none;
24
- }
25
21
  }
26
22
  }
27
23
 
@@ -38,8 +34,9 @@
38
34
  // Optional: Group multiple button groups together for a toolbar
39
35
  .btn-toolbar {
40
36
  margin-left: -5px; // Offset the first child's margin
41
- @include clearfix();
37
+ @include clearfix;
42
38
 
39
+ .btn,
43
40
  .btn-group,
44
41
  .input-group {
45
42
  float: left;
@@ -75,13 +72,13 @@
75
72
  .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
76
73
  border-radius: 0;
77
74
  }
78
- .btn-group > .btn-group:first-child {
75
+ .btn-group > .btn-group:first-child:not(:last-child) {
79
76
  > .btn:last-child,
80
77
  > .dropdown-toggle {
81
78
  @include border-right-radius(0);
82
79
  }
83
80
  }
84
- .btn-group > .btn-group:last-child > .btn:first-child {
81
+ .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
85
82
  @include border-left-radius(0);
86
83
  }
87
84
 
@@ -156,7 +153,7 @@
156
153
 
157
154
  // Clear floats so dropdown menus can be properly placed
158
155
  > .btn-group {
159
- @include clearfix();
156
+ @include clearfix;
160
157
  > .btn {
161
158
  float: none;
162
159
  }
@@ -176,11 +173,11 @@
176
173
  border-radius: 0;
177
174
  }
178
175
  &:first-child:not(:last-child) {
179
- border-top-right-radius: $border-radius-base;
176
+ border-top-right-radius: $btn-border-radius-base;
180
177
  @include border-bottom-radius(0);
181
178
  }
182
179
  &:last-child:not(:first-child) {
183
- border-bottom-left-radius: $border-radius-base;
180
+ border-bottom-left-radius: $btn-border-radius-base;
184
181
  @include border-top-radius(0);
185
182
  }
186
183
  }
@@ -198,7 +195,6 @@
198
195
  }
199
196
 
200
197
 
201
-
202
198
  // Justified button groups
203
199
  // ----------------------
204
200
 
@@ -216,11 +212,33 @@
216
212
  > .btn-group .btn {
217
213
  width: 100%;
218
214
  }
215
+
216
+ > .btn-group .dropdown-menu {
217
+ left: auto;
218
+ }
219
219
  }
220
220
 
221
221
 
222
222
  // Checkbox and radio options
223
- [data-toggle="buttons"] > .btn > input[type="radio"],
224
- [data-toggle="buttons"] > .btn > input[type="checkbox"] {
225
- display: none;
223
+ //
224
+ // In order to support the browser's form validation feedback, powered by the
225
+ // `required` attribute, we have to "hide" the inputs via `clip`. We cannot use
226
+ // `display: none;` or `visibility: hidden;` as that also hides the popover.
227
+ // Simply visually hiding the inputs via `opacity` would leave them clickable in
228
+ // certain cases which is prevented by using `clip` and `pointer-events`.
229
+ // This way, we ensure a DOM element is visible to position the popover from.
230
+ //
231
+ // See https://github.com/twbs/bootstrap/pull/12794 and
232
+ // https://github.com/twbs/bootstrap/pull/14559 for more information.
233
+
234
+ [data-toggle="buttons"] {
235
+ > .btn,
236
+ > .btn-group > .btn {
237
+ input[type="radio"],
238
+ input[type="checkbox"] {
239
+ position: absolute;
240
+ clip: rect(0,0,0,0);
241
+ pointer-events: none;
242
+ }
243
+ }
226
244
  }
@@ -12,23 +12,26 @@
12
12
  font-weight: $btn-font-weight;
13
13
  text-align: center;
14
14
  vertical-align: middle;
15
+ touch-action: manipulation;
15
16
  cursor: pointer;
16
17
  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
17
18
  border: 1px solid transparent;
18
19
  white-space: nowrap;
19
- @include button-size($padding-base-vertical, $padding-base-horizontal, $font-size-base, $line-height-base, $border-radius-base);
20
+ @include button-size($padding-base-vertical, $padding-base-horizontal, $font-size-base, $line-height-base, $btn-border-radius-base);
20
21
  @include user-select(none);
21
22
 
22
23
  &,
23
24
  &:active,
24
25
  &.active {
25
- &:focus {
26
- @include tab-focus();
26
+ &:focus,
27
+ &.focus {
28
+ @include tab-focus;
27
29
  }
28
30
  }
29
31
 
30
32
  &:hover,
31
- &:focus {
33
+ &:focus,
34
+ &.focus {
32
35
  color: $btn-default-color;
33
36
  text-decoration: none;
34
37
  }
@@ -43,11 +46,19 @@
43
46
  &.disabled,
44
47
  &[disabled],
45
48
  fieldset[disabled] & {
46
- cursor: not-allowed;
47
- pointer-events: none; // Future-proof disabling of clicks
49
+ cursor: $cursor-disabled;
48
50
  @include opacity(.65);
49
51
  @include box-shadow(none);
50
52
  }
53
+
54
+ // [converter] extracted a& to a.btn
55
+ }
56
+
57
+ a.btn {
58
+ &.disabled,
59
+ fieldset[disabled] & {
60
+ pointer-events: none; // Future-proof disabling of clicks on `<a>` elements
61
+ }
51
62
  }
52
63
 
53
64
 
@@ -85,11 +96,11 @@
85
96
  .btn-link {
86
97
  color: $link-color;
87
98
  font-weight: normal;
88
- cursor: pointer;
89
99
  border-radius: 0;
90
100
 
91
101
  &,
92
102
  &:active,
103
+ &.active,
93
104
  &[disabled],
94
105
  fieldset[disabled] & {
95
106
  background-color: transparent;
@@ -104,7 +115,7 @@
104
115
  &:hover,
105
116
  &:focus {
106
117
  color: $link-hover-color;
107
- text-decoration: underline;
118
+ text-decoration: $link-hover-decoration;
108
119
  background-color: transparent;
109
120
  }
110
121
  &[disabled],
@@ -123,14 +134,14 @@
123
134
 
124
135
  .btn-lg {
125
136
  // line-height: ensure even-numbered height of button next to large input
126
- @include button-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-large);
137
+ @include button-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $btn-border-radius-large);
127
138
  }
128
139
  .btn-sm {
129
140
  // line-height: ensure proper height of button next to small input
130
- @include button-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small);
141
+ @include button-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $btn-border-radius-small);
131
142
  }
132
143
  .btn-xs {
133
- @include button-size($padding-xs-vertical, $padding-xs-horizontal, $font-size-small, $line-height-small, $border-radius-small);
144
+ @include button-size($padding-xs-vertical, $padding-xs-horizontal, $font-size-small, $line-height-small, $btn-border-radius-small);
134
145
  }
135
146
 
136
147
 
@@ -140,8 +151,6 @@
140
151
  .btn-block {
141
152
  display: block;
142
153
  width: 100%;
143
- padding-left: 0;
144
- padding-right: 0;
145
154
  }
146
155
 
147
156
  // Vertically space out multiple block buttons
@@ -21,14 +21,40 @@
21
21
  // Account for jankitude on images
22
22
  > img,
23
23
  > a > img {
24
- @include img-responsive();
24
+ @include img-responsive;
25
25
  line-height: 1;
26
26
  }
27
+
28
+ // WebKit CSS3 transforms for supported devices
29
+ @media all and (transform-3d), (-webkit-transform-3d) {
30
+ @include transition-transform(0.6s ease-in-out);
31
+ @include backface-visibility(hidden);
32
+ @include perspective(1000px);
33
+
34
+ &.next,
35
+ &.active.right {
36
+ @include translate3d(100%, 0, 0);
37
+ left: 0;
38
+ }
39
+ &.prev,
40
+ &.active.left {
41
+ @include translate3d(-100%, 0, 0);
42
+ left: 0;
43
+ }
44
+ &.next.left,
45
+ &.prev.right,
46
+ &.active {
47
+ @include translate3d(0, 0, 0);
48
+ left: 0;
49
+ }
50
+ }
27
51
  }
28
52
 
29
53
  > .active,
30
54
  > .next,
31
- > .prev { display: block; }
55
+ > .prev {
56
+ display: block;
57
+ }
32
58
 
33
59
  > .active {
34
60
  left: 0;
@@ -91,7 +117,7 @@
91
117
  // Hover/focus state
92
118
  &:hover,
93
119
  &:focus {
94
- outline: none;
120
+ outline: 0;
95
121
  color: $carousel-control-color;
96
122
  text-decoration: none;
97
123
  @include opacity(.9);
@@ -104,26 +130,29 @@
104
130
  .glyphicon-chevron-right {
105
131
  position: absolute;
106
132
  top: 50%;
133
+ margin-top: -10px;
107
134
  z-index: 5;
108
135
  display: inline-block;
109
136
  }
110
137
  .icon-prev,
111
138
  .glyphicon-chevron-left {
112
139
  left: 50%;
140
+ margin-left: -10px;
113
141
  }
114
142
  .icon-next,
115
143
  .glyphicon-chevron-right {
116
144
  right: 50%;
145
+ margin-right: -10px;
117
146
  }
118
147
  .icon-prev,
119
148
  .icon-next {
120
149
  width: 20px;
121
150
  height: 20px;
122
- margin-top: -10px;
123
- margin-left: -10px;
151
+ line-height: 1;
124
152
  font-family: serif;
125
153
  }
126
154
 
155
+
127
156
  .icon-prev {
128
157
  &:before {
129
158
  content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
@@ -167,6 +196,7 @@
167
196
  // Internet Explorer 8-9 does not support clicks on elements without a set
168
197
  // `background-color`. We cannot use `filter` since that's not viewed as a
169
198
  // background color by the browser. Thus, a hack is needed.
199
+ // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Internet_Explorer
170
200
  //
171
201
  // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we
172
202
  // set alpha transparency for the best results possible.
@@ -213,9 +243,16 @@
213
243
  width: 30px;
214
244
  height: 30px;
215
245
  margin-top: -15px;
216
- margin-left: -15px;
217
246
  font-size: 30px;
218
247
  }
248
+ .glyphicon-chevron-left,
249
+ .icon-prev {
250
+ margin-left: -15px;
251
+ }
252
+ .glyphicon-chevron-right,
253
+ .icon-next {
254
+ margin-right: -15px;
255
+ }
219
256
  }
220
257
 
221
258
  // Show and left align the captions
@@ -26,6 +26,7 @@
26
26
  // Additional properties for button version
27
27
  // iOS requires the button element instead of an anchor tag.
28
28
  // If you want the anchor version, it requires `href="#"`.
29
+ // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
29
30
  button.close {
30
31
  padding: 0;
31
32
  cursor: pointer;
@@ -17,7 +17,6 @@ code {
17
17
  font-size: 90%;
18
18
  color: $code-color;
19
19
  background-color: $code-bg;
20
- white-space: nowrap;
21
20
  border-radius: $border-radius-base;
22
21
  }
23
22
 
@@ -29,6 +28,13 @@ kbd {
29
28
  background-color: $kbd-bg;
30
29
  border-radius: $border-radius-small;
31
30
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
31
+
32
+ kbd {
33
+ padding: 0;
34
+ font-size: 100%;
35
+ font-weight: bold;
36
+ box-shadow: none;
37
+ }
32
38
  }
33
39
 
34
40
  // Blocks of code
@@ -0,0 +1,37 @@
1
+ //
2
+ // Component animations
3
+ // --------------------------------------------------
4
+
5
+ // Heads up!
6
+ //
7
+ // We don't use the `.opacity()` mixin here since it causes a bug with text
8
+ // fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552.
9
+
10
+ .fade {
11
+ opacity: 0;
12
+ @include transition(opacity .15s linear);
13
+ &.in {
14
+ opacity: 1;
15
+ }
16
+ }
17
+
18
+ .collapse {
19
+ display: none;
20
+
21
+ &.in { display: block; }
22
+ // [converter] extracted tr&.in to tr.collapse.in
23
+ // [converter] extracted tbody&.in to tbody.collapse.in
24
+ }
25
+
26
+ tr.collapse.in { display: table-row; }
27
+
28
+ tbody.collapse.in { display: table-row-group; }
29
+
30
+ .collapsing {
31
+ position: relative;
32
+ height: 0;
33
+ overflow: hidden;
34
+ @include transition-property(height, visibility);
35
+ @include transition-duration(.35s);
36
+ @include transition-timing-function(ease);
37
+ }
@@ -10,12 +10,14 @@
10
10
  height: 0;
11
11
  margin-left: 2px;
12
12
  vertical-align: middle;
13
- border-top: $caret-width-base solid;
13
+ border-top: $caret-width-base dashed;
14
+ border-top: $caret-width-base solid \9; // IE8
14
15
  border-right: $caret-width-base solid transparent;
15
16
  border-left: $caret-width-base solid transparent;
16
17
  }
17
18
 
18
19
  // The dropdown wrapper (div)
20
+ .dropup,
19
21
  .dropdown {
20
22
  position: relative;
21
23
  }
@@ -38,6 +40,7 @@
38
40
  margin: 2px 0 0; // override default ul
39
41
  list-style: none;
40
42
  font-size: $font-size-base;
43
+ text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
41
44
  background-color: $dropdown-bg;
42
45
  border: 1px solid $dropdown-fallback-border; // IE8 fallback
43
46
  border: 1px solid $dropdown-border;
@@ -102,16 +105,15 @@
102
105
  &:focus {
103
106
  color: $dropdown-link-disabled-color;
104
107
  }
105
- }
106
- // Nuke hover/focus effects
107
- .dropdown-menu > .disabled > a {
108
+
109
+ // Nuke hover/focus effects
108
110
  &:hover,
109
111
  &:focus {
110
112
  text-decoration: none;
111
113
  background-color: transparent;
112
114
  background-image: none; // Remove CSS gradient
113
- @include reset-filter();
114
- cursor: not-allowed;
115
+ @include reset-filter;
116
+ cursor: $cursor-disabled;
115
117
  }
116
118
  }
117
119
 
@@ -154,6 +156,7 @@
154
156
  font-size: $font-size-small;
155
157
  line-height: $line-height-base;
156
158
  color: $dropdown-header-color;
159
+ white-space: nowrap; // as with > li > a
157
160
  }
158
161
 
159
162
  // Backdrop to catch body clicks on mobile, etc.
@@ -182,14 +185,15 @@
182
185
  // Reverse the caret
183
186
  .caret {
184
187
  border-top: 0;
185
- border-bottom: $caret-width-base solid;
188
+ border-bottom: $caret-width-base dashed;
189
+ border-bottom: $caret-width-base solid \9; // IE8
186
190
  content: "";
187
191
  }
188
192
  // Different positioning for bottom up menu
189
193
  .dropdown-menu {
190
194
  top: auto;
191
195
  bottom: 100%;
192
- margin-bottom: 1px;
196
+ margin-bottom: 2px;
193
197
  }
194
198
  }
195
199
 
@@ -210,4 +214,3 @@
210
214
  }
211
215
  }
212
216
  }
213
-