bootstrap-more 0.0.1

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 (107) hide show
  1. data/.gitignore +18 -0
  2. data/Gemfile +4 -0
  3. data/LICENSE.txt +22 -0
  4. data/README.md +46 -0
  5. data/Rakefile +1 -0
  6. data/app/assets/fonts/glyphicons-halflings-regular.eot +0 -0
  7. data/app/assets/fonts/glyphicons-halflings-regular.svg +229 -0
  8. data/app/assets/fonts/glyphicons-halflings-regular.ttf +0 -0
  9. data/app/assets/fonts/glyphicons-halflings-regular.woff +0 -0
  10. data/app/assets/javascripts/bootstrap/affix.js +126 -0
  11. data/app/assets/javascripts/bootstrap/alert.js +98 -0
  12. data/app/assets/javascripts/bootstrap/button.js +109 -0
  13. data/app/assets/javascripts/bootstrap/carousel.js +217 -0
  14. data/app/assets/javascripts/bootstrap/collapse.js +179 -0
  15. data/app/assets/javascripts/bootstrap/dropdown.js +154 -0
  16. data/app/assets/javascripts/bootstrap/modal.js +246 -0
  17. data/app/assets/javascripts/bootstrap/popover.js +117 -0
  18. data/app/assets/javascripts/bootstrap/scrollspy.js +158 -0
  19. data/app/assets/javascripts/bootstrap/tab.js +135 -0
  20. data/app/assets/javascripts/bootstrap/tooltip.js +386 -0
  21. data/app/assets/javascripts/bootstrap/transition.js +56 -0
  22. data/app/assets/javascripts/bootstrap.js +12 -0
  23. data/app/assets/stylesheets/_bootstrap-more.scss +1 -0
  24. data/app/assets/stylesheets/bootstrap/_alerts.scss +67 -0
  25. data/app/assets/stylesheets/bootstrap/_badges.scss +51 -0
  26. data/app/assets/stylesheets/bootstrap/_breadcrumbs.scss +23 -0
  27. data/app/assets/stylesheets/bootstrap/_button-groups.scss +260 -0
  28. data/app/assets/stylesheets/bootstrap/_buttons.scss +165 -0
  29. data/app/assets/stylesheets/bootstrap/_carousel.scss +231 -0
  30. data/app/assets/stylesheets/bootstrap/_close.scss +35 -0
  31. data/app/assets/stylesheets/bootstrap/_code.scss +53 -0
  32. data/app/assets/stylesheets/bootstrap/_component-animations.scss +29 -0
  33. data/app/assets/stylesheets/bootstrap/_config.scss +19 -0
  34. data/app/assets/stylesheets/bootstrap/_dropdowns.scss +203 -0
  35. data/app/assets/stylesheets/bootstrap/_forms.scss +371 -0
  36. data/app/assets/stylesheets/bootstrap/_glyphicons.scss +237 -0
  37. data/app/assets/stylesheets/bootstrap/_grid.scss +93 -0
  38. data/app/assets/stylesheets/bootstrap/_input-groups.scss +146 -0
  39. data/app/assets/stylesheets/bootstrap/_jumbotron.scss +40 -0
  40. data/app/assets/stylesheets/bootstrap/_labels.scss +58 -0
  41. data/app/assets/stylesheets/bootstrap/_list-group.scss +95 -0
  42. data/app/assets/stylesheets/bootstrap/_media.scss +56 -0
  43. data/app/assets/stylesheets/bootstrap/_mixins.scss +882 -0
  44. data/app/assets/stylesheets/bootstrap/_modals.scss +132 -0
  45. data/app/assets/stylesheets/bootstrap/_navbar.scss +628 -0
  46. data/app/assets/stylesheets/bootstrap/_navs.scss +262 -0
  47. data/app/assets/stylesheets/bootstrap/_normalize.scss +406 -0
  48. data/app/assets/stylesheets/bootstrap/_pager.scss +55 -0
  49. data/app/assets/stylesheets/bootstrap/_pagination.scss +85 -0
  50. data/app/assets/stylesheets/bootstrap/_panels.scss +172 -0
  51. data/app/assets/stylesheets/bootstrap/_popovers.scss +133 -0
  52. data/app/assets/stylesheets/bootstrap/_print.scss +105 -0
  53. data/app/assets/stylesheets/bootstrap/_progress-bars.scss +92 -0
  54. data/app/assets/stylesheets/bootstrap/_responsive-utilities.scss +198 -0
  55. data/app/assets/stylesheets/bootstrap/_scaffolding.scss +119 -0
  56. data/app/assets/stylesheets/bootstrap/_tables.scss +244 -0
  57. data/app/assets/stylesheets/bootstrap/_theme.scss +247 -0
  58. data/app/assets/stylesheets/bootstrap/_thumbnails.scss +32 -0
  59. data/app/assets/stylesheets/bootstrap/_tooltip.scss +95 -0
  60. data/app/assets/stylesheets/bootstrap/_type.scss +279 -0
  61. data/app/assets/stylesheets/bootstrap/_utilities.scss +56 -0
  62. data/app/assets/stylesheets/bootstrap/_variables.scss +665 -0
  63. data/app/assets/stylesheets/bootstrap/_wells.scss +29 -0
  64. data/app/assets/stylesheets/bootstrap/bootstrap.scss +50 -0
  65. data/bootstrap-more.gemspec +23 -0
  66. data/docs/.gitignore +17 -0
  67. data/docs/.ruby-gemset +1 -0
  68. data/docs/.ruby-version +1 -0
  69. data/docs/Gemfile +9 -0
  70. data/docs/README.md +8 -0
  71. data/docs/Rakefile +1 -0
  72. data/docs/config.rb +98 -0
  73. data/docs/index.html.erb +9 -0
  74. data/docs/source/about.html.erb +92 -0
  75. data/docs/source/assets/javascripts/application.js +103 -0
  76. data/docs/source/assets/javascripts/bootstrap.js +12 -0
  77. data/docs/source/assets/javascripts/vendor/.gitkeep +0 -0
  78. data/docs/source/assets/javascripts/vendor/holder.js +404 -0
  79. data/docs/source/assets/javascripts/vendor/ie8-responsive-file-warning.js +12 -0
  80. data/docs/source/assets/stylesheets/_settings.scss +656 -0
  81. data/docs/source/assets/stylesheets/bootstrap.scss +2 -0
  82. data/docs/source/assets/stylesheets/pygments-manni.css +66 -0
  83. data/docs/source/assets/stylesheets/styles.scss +1198 -0
  84. data/docs/source/components.html.erb +3607 -0
  85. data/docs/source/css.html.erb +2585 -0
  86. data/docs/source/customize.html.erb +1715 -0
  87. data/docs/source/getting-started.html.erb +1010 -0
  88. data/docs/source/includes/_ads.erb +1 -0
  89. data/docs/source/includes/_footer.erb +23 -0
  90. data/docs/source/includes/_header.erb +39 -0
  91. data/docs/source/includes/_nav-about.erb +12 -0
  92. data/docs/source/includes/_nav-components.erb +137 -0
  93. data/docs/source/includes/_nav-css.erb +99 -0
  94. data/docs/source/includes/_nav-customize.erb +40 -0
  95. data/docs/source/includes/_nav-getting-started.erb +44 -0
  96. data/docs/source/includes/_nav-javascript.erb +88 -0
  97. data/docs/source/includes/_nav-main.erb +34 -0
  98. data/docs/source/includes/_old-bs-docs.erb +8 -0
  99. data/docs/source/includes/_social-buttons.erb +16 -0
  100. data/docs/source/index.html.erb +17 -0
  101. data/docs/source/javascript.html.erb +1946 -0
  102. data/docs/source/layouts/default.html.erb +75 -0
  103. data/docs/source/layouts/home.html.erb +20 -0
  104. data/docs/source/layouts/layout.html.erb +81 -0
  105. data/lib/bootstrap-more/version.rb +5 -0
  106. data/lib/bootstrap-more.rb +7 -0
  107. metadata +185 -0
@@ -0,0 +1,51 @@
1
+ //
2
+ // Badges
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Base classes
7
+ .badge {
8
+ display: inline-block;
9
+ min-width: 10px;
10
+ padding: 3px 7px;
11
+ font-size: $font-size-small;
12
+ font-weight: $badge-font-weight;
13
+ color: $badge-color;
14
+ line-height: $badge-line-height;
15
+ vertical-align: baseline;
16
+ white-space: nowrap;
17
+ text-align: center;
18
+ background-color: $badge-bg;
19
+ border-radius: $badge-border-radius;
20
+
21
+ // Empty badges collapse automatically (not available in IE8)
22
+ &:empty {
23
+ display: none;
24
+ }
25
+ }
26
+
27
+ // Hover state, but only for links
28
+ a.badge {
29
+ &:hover,
30
+ &:focus {
31
+ color: $badge-link-hover-color;
32
+ text-decoration: none;
33
+ cursor: pointer;
34
+ }
35
+ }
36
+
37
+ // Quick fix for labels/badges in buttons
38
+ .btn .badge {
39
+ position: relative;
40
+ top: -1px;
41
+ }
42
+
43
+ // Account for counters in navs
44
+ a.list-group-item.active > .badge,
45
+ .nav-pills > .active > a > .badge {
46
+ color: $badge-active-color;
47
+ background-color: $badge-active-bg;
48
+ }
49
+ .nav-pills > li > a > .badge {
50
+ margin-left: 3px;
51
+ }
@@ -0,0 +1,23 @@
1
+ //
2
+ // Breadcrumbs
3
+ // --------------------------------------------------
4
+
5
+
6
+ .breadcrumb {
7
+ padding: 8px 15px;
8
+ margin-bottom: $line-height-computed;
9
+ list-style: none;
10
+ background-color: $breadcrumb-bg;
11
+ border-radius: $border-radius-base;
12
+ > li {
13
+ display: inline-block;
14
+ + li:before {
15
+ content: "#{$breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space
16
+ padding: 0 5px;
17
+ color: $breadcrumb-color;
18
+ }
19
+ }
20
+ > .active {
21
+ color: $breadcrumb-active-color;
22
+ }
23
+ }
@@ -0,0 +1,260 @@
1
+ //
2
+ // Button groups
3
+ // --------------------------------------------------
4
+
5
+ // Button carets
6
+ //
7
+ // Match the button text color to the arrow/caret for indicating dropdown-ness.
8
+
9
+ .caret {
10
+ .btn-default & {
11
+ border-top-color: $btn-default-color;
12
+ }
13
+ .btn-primary &,
14
+ .btn-success &,
15
+ .btn-warning &,
16
+ .btn-danger &,
17
+ .btn-info & {
18
+ border-top-color: #fff;
19
+ }
20
+ }
21
+ .dropup {
22
+ .btn-default .caret {
23
+ border-bottom-color: $btn-default-color;
24
+ }
25
+ .btn-primary,
26
+ .btn-success,
27
+ .btn-warning,
28
+ .btn-danger,
29
+ .btn-info {
30
+ .caret {
31
+ border-bottom-color: #fff;
32
+ }
33
+ }
34
+ }
35
+
36
+ // Make the div behave like a button
37
+ .btn-group,
38
+ .btn-group-vertical {
39
+ position: relative;
40
+ display: inline-block;
41
+ vertical-align: middle; // match .btn alignment given font-size hack above
42
+ > .btn {
43
+ position: relative;
44
+ float: left;
45
+ // Bring the "active" button to the front
46
+ &:hover,
47
+ &:focus,
48
+ &:active,
49
+ &.active {
50
+ z-index: 2;
51
+ }
52
+ &:focus {
53
+ // Remove focus outline when dropdown JS adds it after closing the menu
54
+ outline: none;
55
+ }
56
+ }
57
+ }
58
+
59
+ // Prevent double borders when buttons are next to each other
60
+ .btn-group {
61
+ .btn + .btn,
62
+ .btn + .btn-group,
63
+ .btn-group + .btn,
64
+ .btn-group + .btn-group {
65
+ margin-left: -1px;
66
+ }
67
+ }
68
+
69
+ // Optional: Group multiple button groups together for a toolbar
70
+ .btn-toolbar {
71
+ @include clearfix();
72
+
73
+ .btn-group {
74
+ float: left;
75
+ }
76
+ // Space out series of button groups
77
+ > .btn,
78
+ > .btn-group {
79
+ + .btn,
80
+ + .btn-group {
81
+ margin-left: 5px;
82
+ }
83
+ }
84
+ }
85
+
86
+ .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
87
+ border-radius: 0;
88
+ }
89
+
90
+ // Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
91
+ .btn-group > .btn:first-child {
92
+ margin-left: 0;
93
+ @include validate-enabled-border-radius($btn-border-radius) {
94
+ &:not(:last-child):not(.dropdown-toggle) {
95
+ @include border-right-radius(0);
96
+ }
97
+ }
98
+ }
99
+ // Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
100
+ @include validate-enabled-border-radius($btn-border-radius) {
101
+ .btn-group > .btn:last-child:not(:first-child),
102
+ .btn-group > .dropdown-toggle:not(:first-child) {
103
+ @include border-left-radius(0);
104
+ }
105
+ }
106
+
107
+ // Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group)
108
+ .btn-group > .btn-group {
109
+ float: left;
110
+ }
111
+ @include validate-enabled-border-radius($btn-border-radius) {
112
+ .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
113
+ border-radius: 0;
114
+ }
115
+ .btn-group > .btn-group:first-child {
116
+ > .btn:last-child,
117
+ > .dropdown-toggle {
118
+ @include border-right-radius(0);
119
+ }
120
+ }
121
+ .btn-group > .btn-group:last-child > .btn:first-child {
122
+ @include border-left-radius(0);
123
+ }
124
+ }
125
+
126
+ // On active and open, don't show outline
127
+ .btn-group .dropdown-toggle:active,
128
+ .btn-group.open .dropdown-toggle {
129
+ outline: 0;
130
+ }
131
+
132
+
133
+ // Sizing
134
+ //
135
+ // Remix the default button sizing classes into new ones for easier manipulation.
136
+
137
+ .btn-group-xs > .btn { @extend .btn-xs; }
138
+ .btn-group-sm > .btn { @extend .btn-sm; }
139
+ .btn-group-lg > .btn { @extend .btn-lg; }
140
+
141
+
142
+ // Split button dropdowns
143
+ // ----------------------
144
+
145
+ // Give the line between buttons some depth
146
+ .btn-group > .btn + .dropdown-toggle {
147
+ padding-left: 8px;
148
+ padding-right: 8px;
149
+ }
150
+ .btn-group > .btn-lg + .dropdown-toggle {
151
+ padding-left: 12px;
152
+ padding-right: 12px;
153
+ }
154
+
155
+ // The clickable button for toggling the menu
156
+ // Remove the gradient and set the same inset shadow as the :active state
157
+ .btn-group.open .dropdown-toggle {
158
+ @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
159
+
160
+ // Show no shadow for `.btn-link` since it has no other button styles.
161
+ &.btn-link {
162
+ @include box-shadow(none);
163
+ }
164
+ }
165
+
166
+
167
+ // Reposition the caret
168
+ .btn .caret {
169
+ margin-left: 0;
170
+ }
171
+ // Carets in other button sizes
172
+ .btn-lg .caret {
173
+ border-width: $caret-width-large $caret-width-large 0;
174
+ border-bottom-width: 0;
175
+ }
176
+ // Upside down carets for .dropup
177
+ .dropup .btn-lg .caret {
178
+ border-width: 0 $caret-width-large $caret-width-large;
179
+ }
180
+
181
+
182
+ // Vertical button groups
183
+ // ----------------------
184
+
185
+ .btn-group-vertical {
186
+ > .btn,
187
+ > .btn-group {
188
+ display: block;
189
+ float: none;
190
+ width: 100%;
191
+ max-width: 100%;
192
+ }
193
+
194
+ // Clear floats so dropdown menus can be properly placed
195
+ > .btn-group {
196
+ @include clearfix();
197
+ > .btn {
198
+ float: none;
199
+ }
200
+ }
201
+
202
+ > .btn + .btn,
203
+ > .btn + .btn-group,
204
+ > .btn-group + .btn,
205
+ > .btn-group + .btn-group {
206
+ margin-top: -1px;
207
+ margin-left: 0;
208
+ }
209
+ }
210
+
211
+ @include validate-enabled-border-radius($btn-border-radius) {
212
+ .btn-group-vertical > .btn {
213
+ &:not(:first-child):not(:last-child) {
214
+ border-radius: 0;
215
+ }
216
+ &:first-child:not(:last-child) {
217
+ border-top-right-radius: $border-radius-base;
218
+ @include border-bottom-radius(0);
219
+ }
220
+ &:last-child:not(:first-child) {
221
+ border-bottom-left-radius: $border-radius-base;
222
+ @include border-top-radius(0);
223
+ }
224
+ }
225
+ .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
226
+ border-radius: 0;
227
+ }
228
+ .btn-group-vertical > .btn-group:first-child {
229
+ > .btn:last-child,
230
+ > .dropdown-toggle {
231
+ @include border-bottom-radius(0);
232
+ }
233
+ }
234
+ .btn-group-vertical > .btn-group:last-child > .btn:first-child {
235
+ @include border-top-radius(0);
236
+ }
237
+ }
238
+
239
+
240
+ // Justified button groups
241
+ // ----------------------
242
+
243
+ .btn-group-justified {
244
+ display: table;
245
+ width: 100%;
246
+ table-layout: fixed;
247
+ border-collapse: separate;
248
+ .btn {
249
+ float: none;
250
+ display: table-cell;
251
+ width: 1%;
252
+ }
253
+ }
254
+
255
+
256
+ // Checkbox and radio options
257
+ [data-toggle="buttons"] > .btn > input[type="radio"],
258
+ [data-toggle="buttons"] > .btn > input[type="checkbox"] {
259
+ display: none;
260
+ }
@@ -0,0 +1,165 @@
1
+ //
2
+ // Buttons
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Base styles
7
+ // --------------------------------------------------
8
+
9
+ // Core styles
10
+ .btn {
11
+ display: inline-block;
12
+ margin-bottom: 0; // For input.btn
13
+ font-weight: $btn-font-weight;
14
+ text-align: center;
15
+ vertical-align: middle;
16
+ cursor: pointer;
17
+ background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
18
+
19
+ @if $btn-text-transform != false { text-transform: $btn-text-transform; }
20
+
21
+ @include validate-enabled-border-width($btn-border-width) {
22
+ border: $btn-border-width $btn-border-style transparent;
23
+ }
24
+
25
+ white-space: nowrap;
26
+
27
+ @include button-size($padding-base-vertical, $padding-base-horizontal, $font-size-base, $line-height-base, $border-radius-base);
28
+ @include user-select(none);
29
+
30
+ &:focus {
31
+ @include tab-focus();
32
+ }
33
+
34
+ &:hover,
35
+ &:focus {
36
+ color: $btn-default-color;
37
+ text-decoration: none;
38
+ }
39
+
40
+ &:active,
41
+ &.active {
42
+ outline: 0;
43
+ background-image: none;
44
+ @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
45
+ }
46
+
47
+ &.disabled,
48
+ &[disabled],
49
+ fieldset[disabled] & {
50
+ cursor: not-allowed;
51
+ pointer-events: none; // Future-proof disabling of clicks
52
+ @include opacity(.65);
53
+ @include box-shadow(none);
54
+ }
55
+
56
+ }
57
+
58
+
59
+ // Alternate buttons
60
+ // --------------------------------------------------
61
+
62
+ .btn-default {
63
+ @include button-variant($btn-default-color, $btn-default-bg, $btn-default-border);
64
+ }
65
+ .btn-primary {
66
+ @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);
67
+ }
68
+ // Warning appears as orange
69
+ .btn-warning {
70
+ @include button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border);
71
+ }
72
+ // Danger and error appear as red
73
+ .btn-danger {
74
+ @include button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border);
75
+ }
76
+ // Success appears as green
77
+ .btn-success {
78
+ @include button-variant($btn-success-color, $btn-success-bg, $btn-success-border);
79
+ }
80
+ // Info appears as blue-green
81
+ .btn-info {
82
+ @include button-variant($btn-info-color, $btn-info-bg, $btn-info-border);
83
+ }
84
+
85
+
86
+ // Link buttons
87
+ // -------------------------
88
+
89
+ // Make a button look and behave like a link
90
+ .btn-link {
91
+ color: $link-color;
92
+ font-weight: normal;
93
+ cursor: pointer;
94
+ border-radius: 0;
95
+
96
+ &,
97
+ &:active,
98
+ &[disabled],
99
+ fieldset[disabled] & {
100
+ background-color: transparent;
101
+ @include box-shadow(none);
102
+ }
103
+ &,
104
+ &:hover,
105
+ &:focus,
106
+ &:active {
107
+ border-color: transparent;
108
+ }
109
+ &:hover,
110
+ &:focus {
111
+ color: $link-hover-color;
112
+ text-decoration: underline;
113
+ background-color: transparent;
114
+ }
115
+ &[disabled],
116
+ fieldset[disabled] & {
117
+ &:hover,
118
+ &:focus {
119
+ color: $btn-link-disabled-color;
120
+ text-decoration: none;
121
+ }
122
+ }
123
+ }
124
+
125
+
126
+ // Button Sizes
127
+ // --------------------------------------------------
128
+
129
+ .btn-lg {
130
+ // line-height: ensure even-numbered height of button next to large input
131
+ @include button-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-large);
132
+ }
133
+ .btn-sm,
134
+ .btn-xs {
135
+ // line-height: ensure proper height of button next to small input
136
+ @include button-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small);
137
+ }
138
+ .btn-xs {
139
+ padding: 1px 5px;
140
+ }
141
+
142
+
143
+ // Block button
144
+ // --------------------------------------------------
145
+
146
+ .btn-block {
147
+ display: block;
148
+ width: 100%;
149
+ padding-left: 0;
150
+ padding-right: 0;
151
+ }
152
+
153
+ // Vertically space out multiple block buttons
154
+ .btn-block + .btn-block {
155
+ margin-top: 5px;
156
+ }
157
+
158
+ // Specificity overrides
159
+ input[type="submit"],
160
+ input[type="reset"],
161
+ input[type="button"] {
162
+ &.btn-block {
163
+ width: 100%;
164
+ }
165
+ }
@@ -0,0 +1,231 @@
1
+ //
2
+ // Carousel
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Wrapper for the slide container and indicators
7
+ .carousel {
8
+ position: relative;
9
+ }
10
+
11
+ .carousel-inner {
12
+ position: relative;
13
+ overflow: hidden;
14
+ width: 100%;
15
+
16
+ > .item {
17
+ display: none;
18
+ position: relative;
19
+ @include transition(.6s ease-in-out left);
20
+
21
+ // Account for jankitude on images
22
+ > img,
23
+ > a > img {
24
+ @include img-responsive();
25
+ line-height: 1;
26
+ }
27
+ }
28
+
29
+ > .active,
30
+ > .next,
31
+ > .prev { display: block; }
32
+
33
+ > .active {
34
+ left: 0;
35
+ }
36
+
37
+ > .next,
38
+ > .prev {
39
+ position: absolute;
40
+ top: 0;
41
+ width: 100%;
42
+ }
43
+
44
+ > .next {
45
+ left: 100%;
46
+ }
47
+ > .prev {
48
+ left: -100%;
49
+ }
50
+ > .next.left,
51
+ > .prev.right {
52
+ left: 0;
53
+ }
54
+
55
+ > .active.left {
56
+ left: -100%;
57
+ }
58
+ > .active.right {
59
+ left: 100%;
60
+ }
61
+
62
+ }
63
+
64
+ // Left/right controls for nav
65
+ // ---------------------------
66
+
67
+ .carousel-control {
68
+ position: absolute;
69
+ top: 0;
70
+ left: 0;
71
+ bottom: 0;
72
+ width: $carousel-control-width;
73
+ @include opacity($carousel-control-opacity);
74
+ font-size: $carousel-control-font-size;
75
+ color: $carousel-control-color;
76
+ text-align: center;
77
+ text-shadow: $carousel-text-shadow;
78
+ // We can't have this transition here because WebKit cancels the carousel
79
+ // animation if you trip this while in the middle of another animation.
80
+
81
+ // Set gradients for backgrounds
82
+ &.left {
83
+ @include gradient-horizontal($start-color: rgba(0,0,0,.5), $end-color: rgba(0,0,0,.0001));
84
+ }
85
+ &.right {
86
+ left: auto;
87
+ right: 0;
88
+ @include gradient-horizontal($start-color: rgba(0,0,0,.0001), $end-color: rgba(0,0,0,.5));
89
+ }
90
+
91
+ // Hover/focus state
92
+ &:hover,
93
+ &:focus {
94
+ color: $carousel-control-color;
95
+ text-decoration: none;
96
+ @include opacity(.9);
97
+ }
98
+
99
+ // Toggles
100
+ .icon-prev,
101
+ .icon-next,
102
+ .glyphicon-chevron-left,
103
+ .glyphicon-chevron-right {
104
+ position: absolute;
105
+ top: 50%;
106
+ z-index: 5;
107
+ display: inline-block;
108
+ }
109
+ .icon-prev,
110
+ .glyphicon-chevron-left {
111
+ left: 50%;
112
+ }
113
+ .icon-next,
114
+ .glyphicon-chevron-right {
115
+ right: 50%;
116
+ }
117
+ .icon-prev,
118
+ .icon-next {
119
+ width: 20px;
120
+ height: 20px;
121
+ margin-top: -10px;
122
+ margin-left: -10px;
123
+ font-family: serif;
124
+ }
125
+
126
+ .icon-prev {
127
+ &:before {
128
+ content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
129
+ }
130
+ }
131
+ .icon-next {
132
+ &:before {
133
+ content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)
134
+ }
135
+ }
136
+ }
137
+
138
+ // Optional indicator pips
139
+ //
140
+ // Add an unordered list with the following class and add a list item for each
141
+ // slide your carousel holds.
142
+
143
+ .carousel-indicators {
144
+ position: absolute;
145
+ bottom: 10px;
146
+ left: 50%;
147
+ z-index: 15;
148
+ width: 60%;
149
+ margin-left: -30%;
150
+ padding-left: 0;
151
+ list-style: none;
152
+ text-align: center;
153
+
154
+ li {
155
+ display: inline-block;
156
+ width: 10px;
157
+ height: 10px;
158
+ margin: 1px;
159
+ text-indent: -999px;
160
+ border: 1px solid $carousel-indicator-border-color;
161
+ border-radius: 10px;
162
+ cursor: pointer;
163
+
164
+ // IE8-9 hack for event handling
165
+ //
166
+ // Internet Explorer 8-9 does not support clicks on elements without a set
167
+ // `background-color`. We cannot use `filter` since that's not viewed as a
168
+ // background color by the browser. Thus, a hack is needed.
169
+ //
170
+ // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we
171
+ // set alpha transparency for the best results possible.
172
+ background-color: #000 \9; // IE8
173
+ background-color: rgba(0,0,0,0); // IE9
174
+ }
175
+ .active {
176
+ margin: 0;
177
+ width: 12px;
178
+ height: 12px;
179
+ background-color: $carousel-indicator-active-bg;
180
+ }
181
+ }
182
+
183
+ // Optional captions
184
+ // -----------------------------
185
+ // Hidden by default for smaller viewports
186
+ .carousel-caption {
187
+ position: absolute;
188
+ left: 15%;
189
+ right: 15%;
190
+ bottom: 20px;
191
+ z-index: 10;
192
+ padding-top: 20px;
193
+ padding-bottom: 20px;
194
+ color: $carousel-caption-color;
195
+ text-align: center;
196
+ text-shadow: $carousel-text-shadow;
197
+ & .btn {
198
+ text-shadow: none; // No shadow for button elements in carousel-caption
199
+ }
200
+ }
201
+
202
+
203
+ // Scale up controls for tablets and up
204
+ @media screen and (min-width: $screen-sm-min) {
205
+
206
+ // Scale up the controls a smidge
207
+ .carousel-control {
208
+ .glyphicons-chevron-left,
209
+ .glyphicons-chevron-right,
210
+ .icon-prev,
211
+ .icon-next {
212
+ width: 30px;
213
+ height: 30px;
214
+ margin-top: -15px;
215
+ margin-left: -15px;
216
+ font-size: 30px;
217
+ }
218
+ }
219
+
220
+ // Show and left align the captions
221
+ .carousel-caption {
222
+ left: 20%;
223
+ right: 20%;
224
+ padding-bottom: 30px;
225
+ }
226
+
227
+ // Move up the indicators
228
+ .carousel-indicators {
229
+ bottom: 20px;
230
+ }
231
+ }