bootstrap-more 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
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
+ }