bootstrap-sass-rails 3.0.0.3 → 3.1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/LICENSE +1 -1
- data/README.md +24 -113
- data/app/assets/javascripts/twitter/bootstrap/affix.js +1 -126
- data/app/assets/javascripts/twitter/bootstrap/alert.js +1 -98
- data/app/assets/javascripts/twitter/bootstrap/button.js +1 -109
- data/app/assets/javascripts/twitter/bootstrap/carousel.js +1 -217
- data/app/assets/javascripts/twitter/bootstrap/collapse.js +1 -179
- data/app/assets/javascripts/twitter/bootstrap/dropdown.js +1 -154
- data/app/assets/javascripts/twitter/bootstrap/modal.js +1 -246
- data/app/assets/javascripts/twitter/bootstrap/popover.js +1 -117
- data/app/assets/javascripts/twitter/bootstrap/scrollspy.js +1 -158
- data/app/assets/javascripts/twitter/bootstrap/tab.js +1 -135
- data/app/assets/javascripts/twitter/bootstrap/tooltip.js +1 -386
- data/app/assets/javascripts/twitter/bootstrap/transition.js +1 -56
- data/app/assets/javascripts/twitter/bootstrap.js +1 -12
- data/app/assets/stylesheets/twitter/bootstrap/_alerts.scss +1 -67
- data/app/assets/stylesheets/twitter/bootstrap/_badges.scss +1 -51
- data/app/assets/stylesheets/twitter/bootstrap/_breadcrumbs.scss +1 -23
- data/app/assets/stylesheets/twitter/bootstrap/_button-groups.scss +1 -248
- data/app/assets/stylesheets/twitter/bootstrap/_buttons.scss +1 -160
- data/app/assets/stylesheets/twitter/bootstrap/_carousel.scss +1 -209
- data/app/assets/stylesheets/twitter/bootstrap/_close.scss +1 -33
- data/app/assets/stylesheets/twitter/bootstrap/_code.scss +1 -56
- data/app/assets/stylesheets/twitter/bootstrap/_component-animations.scss +1 -29
- data/app/assets/stylesheets/twitter/bootstrap/_dropdowns.scss +1 -193
- data/app/assets/stylesheets/twitter/bootstrap/_forms.scss +1 -350
- data/app/assets/stylesheets/twitter/bootstrap/_glyphicons.scss +1 -232
- data/app/assets/stylesheets/twitter/bootstrap/_grid.scss +1 -346
- data/app/assets/stylesheets/twitter/bootstrap/_input-groups.scss +1 -127
- data/app/assets/stylesheets/twitter/bootstrap/_jumbotron.scss +1 -40
- data/app/assets/stylesheets/twitter/bootstrap/_labels.scss +1 -58
- data/app/assets/stylesheets/twitter/bootstrap/_list-group.scss +1 -89
- data/app/assets/stylesheets/twitter/bootstrap/_media.scss +1 -56
- data/app/assets/stylesheets/twitter/bootstrap/_mixins.scss +1 -736
- data/app/assets/stylesheets/twitter/bootstrap/_modals.scss +1 -145
- data/app/assets/stylesheets/twitter/bootstrap/_navbar.scss +1 -625
- data/app/assets/stylesheets/twitter/bootstrap/_navs.scss +1 -229
- data/app/assets/stylesheets/twitter/bootstrap/_normalize.scss +1 -396
- data/app/assets/stylesheets/twitter/bootstrap/_pager.scss +1 -55
- data/app/assets/stylesheets/twitter/bootstrap/_pagination.scss +1 -83
- data/app/assets/stylesheets/twitter/bootstrap/_panels.scss +1 -148
- data/app/assets/stylesheets/twitter/bootstrap/_popovers.scss +1 -133
- data/app/assets/stylesheets/twitter/bootstrap/_print.scss +1 -100
- data/app/assets/stylesheets/twitter/bootstrap/_progress-bars.scss +1 -95
- data/app/assets/stylesheets/twitter/bootstrap/_responsive-utilities.scss +1 -209
- data/app/assets/stylesheets/twitter/bootstrap/_scaffolding.scss +1 -130
- data/app/assets/stylesheets/twitter/bootstrap/_tables.scss +1 -236
- data/app/assets/stylesheets/twitter/bootstrap/_theme.scss +1 -232
- data/app/assets/stylesheets/twitter/bootstrap/_thumbnails.scss +1 -31
- data/app/assets/stylesheets/twitter/bootstrap/_tooltip.scss +1 -95
- data/app/assets/stylesheets/twitter/bootstrap/_type.scss +1 -238
- data/app/assets/stylesheets/twitter/bootstrap/_utilities.scss +1 -42
- data/app/assets/stylesheets/twitter/bootstrap/_variables.scss +1 -620
- data/app/assets/stylesheets/twitter/bootstrap/_wells.scss +1 -29
- data/app/assets/stylesheets/twitter/bootstrap.css.scss +1 -59
- data/lib/bootstrap/sass/rails/engine.rb +4 -1
- data/lib/bootstrap/sass/rails/version.rb +2 -1
- data/lib/bootstrap-sass-rails.rb +1 -1
- data/lib/generators/bootstrap/customize_generator.rb +37 -0
- data/lib/generators/bootstrap/templates/USAGE +23 -0
- data/lib/generators/bootstrap/templates/bootstrap-custom.css.scss +18 -0
- data/lib/generators/bootstrap/templates/bootstrap-custom.js +3 -0
- data/test/cases/less_to_sass_spec.rb +1 -1
- data/test/cases/usage_css_spec.rb +0 -3
- metadata +60 -18
- checksums.yaml +0 -15
- data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.eot +0 -0
- data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.svg +0 -228
- data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.ttf +0 -0
- data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.woff +0 -0
- data/lib/bootstrap/sass/extensions/functions.rb +0 -15
- data/lib/bootstrap/sass/extensions.rb +0 -5
@@ -1,248 +1 @@
|
|
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
|
-
&:not(:last-child):not(.dropdown-toggle) {
|
94
|
-
@include border-right-radius(0);
|
95
|
-
}
|
96
|
-
}
|
97
|
-
// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
|
98
|
-
.btn-group > .btn:last-child:not(:first-child),
|
99
|
-
.btn-group > .dropdown-toggle:not(:first-child) {
|
100
|
-
@include border-left-radius(0);
|
101
|
-
}
|
102
|
-
|
103
|
-
// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group)
|
104
|
-
.btn-group > .btn-group {
|
105
|
-
float: left;
|
106
|
-
}
|
107
|
-
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
|
108
|
-
border-radius: 0;
|
109
|
-
}
|
110
|
-
.btn-group > .btn-group:first-child {
|
111
|
-
> .btn:last-child,
|
112
|
-
> .dropdown-toggle {
|
113
|
-
@include border-right-radius(0);
|
114
|
-
}
|
115
|
-
}
|
116
|
-
.btn-group > .btn-group:last-child > .btn:first-child {
|
117
|
-
@include border-left-radius(0);
|
118
|
-
}
|
119
|
-
|
120
|
-
// On active and open, don't show outline
|
121
|
-
.btn-group .dropdown-toggle:active,
|
122
|
-
.btn-group.open .dropdown-toggle {
|
123
|
-
outline: 0;
|
124
|
-
}
|
125
|
-
|
126
|
-
|
127
|
-
// Sizing
|
128
|
-
//
|
129
|
-
// Remix the default button sizing classes into new ones for easier manipulation.
|
130
|
-
|
131
|
-
.btn-group-xs > .btn { @extend .btn-xs; }
|
132
|
-
.btn-group-sm > .btn { @extend .btn-sm; }
|
133
|
-
.btn-group-lg > .btn { @extend .btn-lg; }
|
134
|
-
|
135
|
-
|
136
|
-
// Split button dropdowns
|
137
|
-
// ----------------------
|
138
|
-
|
139
|
-
// Give the line between buttons some depth
|
140
|
-
.btn-group > .btn + .dropdown-toggle {
|
141
|
-
padding-left: 8px;
|
142
|
-
padding-right: 8px;
|
143
|
-
}
|
144
|
-
.btn-group > .btn-lg + .dropdown-toggle {
|
145
|
-
padding-left: 12px;
|
146
|
-
padding-right: 12px;
|
147
|
-
}
|
148
|
-
|
149
|
-
// The clickable button for toggling the menu
|
150
|
-
// Remove the gradient and set the same inset shadow as the :active state
|
151
|
-
.btn-group.open .dropdown-toggle {
|
152
|
-
@include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
|
153
|
-
}
|
154
|
-
|
155
|
-
|
156
|
-
// Reposition the caret
|
157
|
-
.btn .caret {
|
158
|
-
margin-left: 0;
|
159
|
-
}
|
160
|
-
// Carets in other button sizes
|
161
|
-
.btn-lg .caret {
|
162
|
-
border-width: $caret-width-large $caret-width-large 0;
|
163
|
-
border-bottom-width: 0;
|
164
|
-
}
|
165
|
-
// Upside down carets for .dropup
|
166
|
-
.dropup .btn-lg .caret {
|
167
|
-
border-width: 0 $caret-width-large $caret-width-large;
|
168
|
-
}
|
169
|
-
|
170
|
-
|
171
|
-
// Vertical button groups
|
172
|
-
// ----------------------
|
173
|
-
|
174
|
-
.btn-group-vertical {
|
175
|
-
> .btn,
|
176
|
-
> .btn-group {
|
177
|
-
display: block;
|
178
|
-
float: none;
|
179
|
-
width: 100%;
|
180
|
-
max-width: 100%;
|
181
|
-
}
|
182
|
-
|
183
|
-
// Clear floats so dropdown menus can be properly placed
|
184
|
-
> .btn-group {
|
185
|
-
@include clearfix();
|
186
|
-
> .btn {
|
187
|
-
float: none;
|
188
|
-
}
|
189
|
-
}
|
190
|
-
|
191
|
-
> .btn + .btn,
|
192
|
-
> .btn + .btn-group,
|
193
|
-
> .btn-group + .btn,
|
194
|
-
> .btn-group + .btn-group {
|
195
|
-
margin-top: -1px;
|
196
|
-
margin-left: 0;
|
197
|
-
}
|
198
|
-
}
|
199
|
-
|
200
|
-
.btn-group-vertical > .btn {
|
201
|
-
&:not(:first-child):not(:last-child) {
|
202
|
-
border-radius: 0;
|
203
|
-
}
|
204
|
-
&:first-child:not(:last-child) {
|
205
|
-
border-top-right-radius: $border-radius-base;
|
206
|
-
@include border-bottom-radius(0);
|
207
|
-
}
|
208
|
-
&:last-child:not(:first-child) {
|
209
|
-
border-bottom-left-radius: $border-radius-base;
|
210
|
-
@include border-top-radius(0);
|
211
|
-
}
|
212
|
-
}
|
213
|
-
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
|
214
|
-
border-radius: 0;
|
215
|
-
}
|
216
|
-
.btn-group-vertical > .btn-group:first-child {
|
217
|
-
> .btn:last-child,
|
218
|
-
> .dropdown-toggle {
|
219
|
-
@include border-bottom-radius(0);
|
220
|
-
}
|
221
|
-
}
|
222
|
-
.btn-group-vertical > .btn-group:last-child > .btn:first-child {
|
223
|
-
@include border-top-radius(0);
|
224
|
-
}
|
225
|
-
|
226
|
-
|
227
|
-
|
228
|
-
// Justified button groups
|
229
|
-
// ----------------------
|
230
|
-
|
231
|
-
.btn-group-justified {
|
232
|
-
display: table;
|
233
|
-
width: 100%;
|
234
|
-
table-layout: fixed;
|
235
|
-
border-collapse: separate;
|
236
|
-
.btn {
|
237
|
-
float: none;
|
238
|
-
display: table-cell;
|
239
|
-
width: 1%;
|
240
|
-
}
|
241
|
-
}
|
242
|
-
|
243
|
-
|
244
|
-
// Checkbox and radio options
|
245
|
-
[data-toggle="buttons"] > .btn > input[type="radio"],
|
246
|
-
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
|
247
|
-
display: none;
|
248
|
-
}
|
1
|
+
@import "bootstrap/button-groups";
|
@@ -1,160 +1 @@
|
|
1
|
-
|
2
|
-
// Buttons
|
3
|
-
// --------------------------------------------------
|
4
|
-
|
5
|
-
|
6
|
-
// Base styles
|
7
|
-
// --------------------------------------------------
|
8
|
-
|
9
|
-
// Core styles
|
10
|
-
.btn {
|
11
|
-
display: inline-block;
|
12
|
-
padding: $padding-base-vertical $padding-base-horizontal;
|
13
|
-
margin-bottom: 0; // For input.btn
|
14
|
-
font-size: $font-size-base;
|
15
|
-
font-weight: $btn-font-weight;
|
16
|
-
line-height: $line-height-base;
|
17
|
-
text-align: center;
|
18
|
-
vertical-align: middle;
|
19
|
-
cursor: pointer;
|
20
|
-
border: 1px solid transparent;
|
21
|
-
border-radius: $border-radius-base;
|
22
|
-
white-space: nowrap;
|
23
|
-
@include user-select(none);
|
24
|
-
|
25
|
-
&:focus {
|
26
|
-
@include tab-focus();
|
27
|
-
}
|
28
|
-
|
29
|
-
&:hover,
|
30
|
-
&:focus {
|
31
|
-
color: $btn-default-color;
|
32
|
-
text-decoration: none;
|
33
|
-
}
|
34
|
-
|
35
|
-
&:active,
|
36
|
-
&.active {
|
37
|
-
outline: 0;
|
38
|
-
background-image: none;
|
39
|
-
@include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
|
40
|
-
}
|
41
|
-
|
42
|
-
&.disabled,
|
43
|
-
&[disabled],
|
44
|
-
fieldset[disabled] & {
|
45
|
-
cursor: not-allowed;
|
46
|
-
pointer-events: none; // Future-proof disabling of clicks
|
47
|
-
@include opacity(.65);
|
48
|
-
@include box-shadow(none);
|
49
|
-
}
|
50
|
-
|
51
|
-
}
|
52
|
-
|
53
|
-
|
54
|
-
// Alternate buttons
|
55
|
-
// --------------------------------------------------
|
56
|
-
|
57
|
-
.btn-default {
|
58
|
-
@include button-variant($btn-default-color, $btn-default-bg, $btn-default-border);
|
59
|
-
}
|
60
|
-
.btn-primary {
|
61
|
-
@include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);
|
62
|
-
}
|
63
|
-
// Warning appears as orange
|
64
|
-
.btn-warning {
|
65
|
-
@include button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border);
|
66
|
-
}
|
67
|
-
// Danger and error appear as red
|
68
|
-
.btn-danger {
|
69
|
-
@include button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border);
|
70
|
-
}
|
71
|
-
// Success appears as green
|
72
|
-
.btn-success {
|
73
|
-
@include button-variant($btn-success-color, $btn-success-bg, $btn-success-border);
|
74
|
-
}
|
75
|
-
// Info appears as blue-green
|
76
|
-
.btn-info {
|
77
|
-
@include button-variant($btn-info-color, $btn-info-bg, $btn-info-border);
|
78
|
-
}
|
79
|
-
|
80
|
-
|
81
|
-
// Link buttons
|
82
|
-
// -------------------------
|
83
|
-
|
84
|
-
// Make a button look and behave like a link
|
85
|
-
.btn-link {
|
86
|
-
color: $link-color;
|
87
|
-
font-weight: normal;
|
88
|
-
cursor: pointer;
|
89
|
-
border-radius: 0;
|
90
|
-
|
91
|
-
&,
|
92
|
-
&:active,
|
93
|
-
&[disabled],
|
94
|
-
fieldset[disabled] & {
|
95
|
-
background-color: transparent;
|
96
|
-
@include box-shadow(none);
|
97
|
-
}
|
98
|
-
&,
|
99
|
-
&:hover,
|
100
|
-
&:focus,
|
101
|
-
&:active {
|
102
|
-
border-color: transparent;
|
103
|
-
}
|
104
|
-
&:hover,
|
105
|
-
&:focus {
|
106
|
-
color: $link-hover-color;
|
107
|
-
text-decoration: underline;
|
108
|
-
background-color: transparent;
|
109
|
-
}
|
110
|
-
&[disabled],
|
111
|
-
fieldset[disabled] & {
|
112
|
-
&:hover,
|
113
|
-
&:focus {
|
114
|
-
color: $btn-link-disabled-color;
|
115
|
-
text-decoration: none;
|
116
|
-
}
|
117
|
-
}
|
118
|
-
}
|
119
|
-
|
120
|
-
|
121
|
-
// Button Sizes
|
122
|
-
// --------------------------------------------------
|
123
|
-
|
124
|
-
.btn-lg {
|
125
|
-
// 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);
|
127
|
-
}
|
128
|
-
.btn-sm,
|
129
|
-
.btn-xs {
|
130
|
-
// line-height: ensure proper height of button next to small input
|
131
|
-
@include button-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small);
|
132
|
-
}
|
133
|
-
.btn-xs {
|
134
|
-
padding: 1px 5px;
|
135
|
-
}
|
136
|
-
|
137
|
-
|
138
|
-
// Block button
|
139
|
-
// --------------------------------------------------
|
140
|
-
|
141
|
-
.btn-block {
|
142
|
-
display: block;
|
143
|
-
width: 100%;
|
144
|
-
padding-left: 0;
|
145
|
-
padding-right: 0;
|
146
|
-
}
|
147
|
-
|
148
|
-
// Vertically space out multiple block buttons
|
149
|
-
.btn-block + .btn-block {
|
150
|
-
margin-top: 5px;
|
151
|
-
}
|
152
|
-
|
153
|
-
// Specificity overrides
|
154
|
-
input[type="submit"],
|
155
|
-
input[type="reset"],
|
156
|
-
input[type="button"] {
|
157
|
-
&.btn-block {
|
158
|
-
width: 100%;
|
159
|
-
}
|
160
|
-
}
|
1
|
+
@import "bootstrap/buttons";
|
@@ -1,209 +1 @@
|
|
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
|
-
left: 50%;
|
107
|
-
z-index: 5;
|
108
|
-
display: inline-block;
|
109
|
-
}
|
110
|
-
.icon-prev,
|
111
|
-
.icon-next {
|
112
|
-
width: 20px;
|
113
|
-
height: 20px;
|
114
|
-
margin-top: -10px;
|
115
|
-
margin-left: -10px;
|
116
|
-
font-family: serif;
|
117
|
-
}
|
118
|
-
|
119
|
-
.icon-prev {
|
120
|
-
&:before {
|
121
|
-
content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
|
122
|
-
}
|
123
|
-
}
|
124
|
-
.icon-next {
|
125
|
-
&:before {
|
126
|
-
content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)
|
127
|
-
}
|
128
|
-
}
|
129
|
-
}
|
130
|
-
|
131
|
-
// Optional indicator pips
|
132
|
-
//
|
133
|
-
// Add an unordered list with the following class and add a list item for each
|
134
|
-
// slide your carousel holds.
|
135
|
-
|
136
|
-
.carousel-indicators {
|
137
|
-
position: absolute;
|
138
|
-
bottom: 10px;
|
139
|
-
left: 50%;
|
140
|
-
z-index: 15;
|
141
|
-
width: 60%;
|
142
|
-
margin-left: -30%;
|
143
|
-
padding-left: 0;
|
144
|
-
list-style: none;
|
145
|
-
text-align: center;
|
146
|
-
|
147
|
-
li {
|
148
|
-
display: inline-block;
|
149
|
-
width: 10px;
|
150
|
-
height: 10px;
|
151
|
-
margin: 1px;
|
152
|
-
text-indent: -999px;
|
153
|
-
border: 1px solid $carousel-indicator-border-color;
|
154
|
-
border-radius: 10px;
|
155
|
-
cursor: pointer;
|
156
|
-
}
|
157
|
-
.active {
|
158
|
-
margin: 0;
|
159
|
-
width: 12px;
|
160
|
-
height: 12px;
|
161
|
-
background-color: $carousel-indicator-active-bg;
|
162
|
-
}
|
163
|
-
}
|
164
|
-
|
165
|
-
// Optional captions
|
166
|
-
// -----------------------------
|
167
|
-
// Hidden by default for smaller viewports
|
168
|
-
.carousel-caption {
|
169
|
-
position: absolute;
|
170
|
-
left: 15%;
|
171
|
-
right: 15%;
|
172
|
-
bottom: 20px;
|
173
|
-
z-index: 10;
|
174
|
-
padding-top: 20px;
|
175
|
-
padding-bottom: 20px;
|
176
|
-
color: $carousel-caption-color;
|
177
|
-
text-align: center;
|
178
|
-
text-shadow: $carousel-text-shadow;
|
179
|
-
& .btn {
|
180
|
-
text-shadow: none; // No shadow for button elements in carousel-caption
|
181
|
-
}
|
182
|
-
}
|
183
|
-
|
184
|
-
|
185
|
-
// Scale up controls for tablets and up
|
186
|
-
@media screen and (min-width: $screen-tablet) {
|
187
|
-
|
188
|
-
// Scale up the controls a smidge
|
189
|
-
.carousel-control .icon-prev,
|
190
|
-
.carousel-control .icon-next {
|
191
|
-
width: 30px;
|
192
|
-
height: 30px;
|
193
|
-
margin-top: -15px;
|
194
|
-
margin-left: -15px;
|
195
|
-
font-size: 30px;
|
196
|
-
}
|
197
|
-
|
198
|
-
// Show and left align the captions
|
199
|
-
.carousel-caption {
|
200
|
-
left: 20%;
|
201
|
-
right: 20%;
|
202
|
-
padding-bottom: 30px;
|
203
|
-
}
|
204
|
-
|
205
|
-
// Move up the indicators
|
206
|
-
.carousel-indicators {
|
207
|
-
bottom: 20px;
|
208
|
-
}
|
209
|
-
}
|
1
|
+
@import "bootstrap/carousel";
|
@@ -1,33 +1 @@
|
|
1
|
-
|
2
|
-
// Close icons
|
3
|
-
// --------------------------------------------------
|
4
|
-
|
5
|
-
|
6
|
-
.close {
|
7
|
-
float: right;
|
8
|
-
font-size: ($font-size-base * 1.5);
|
9
|
-
font-weight: $close-font-weight;
|
10
|
-
line-height: 1;
|
11
|
-
color: $close-color;
|
12
|
-
text-shadow: $close-text-shadow;
|
13
|
-
@include opacity(.2);
|
14
|
-
|
15
|
-
&:hover,
|
16
|
-
&:focus {
|
17
|
-
color: $close-color;
|
18
|
-
text-decoration: none;
|
19
|
-
cursor: pointer;
|
20
|
-
@include opacity(.5);
|
21
|
-
}
|
22
|
-
}
|
23
|
-
|
24
|
-
// Additional properties for button version
|
25
|
-
// iOS requires the button element instead of an anchor tag.
|
26
|
-
// If you want the anchor version, it requires `href="#"`.
|
27
|
-
button.close {
|
28
|
-
padding: 0;
|
29
|
-
cursor: pointer;
|
30
|
-
background: transparent;
|
31
|
-
border: 0;
|
32
|
-
-webkit-appearance: none;
|
33
|
-
}
|
1
|
+
@import "bootstrap/close";
|
@@ -1,56 +1 @@
|
|
1
|
-
|
2
|
-
// Code (inline and blocK)
|
3
|
-
// --------------------------------------------------
|
4
|
-
|
5
|
-
|
6
|
-
// Inline and block code styles
|
7
|
-
code,
|
8
|
-
pre {
|
9
|
-
font-family: $font-family-monospace;
|
10
|
-
}
|
11
|
-
|
12
|
-
// Inline code
|
13
|
-
code {
|
14
|
-
padding: 2px 4px;
|
15
|
-
font-size: 90%;
|
16
|
-
color: $code-color;
|
17
|
-
background-color: $code-bg;
|
18
|
-
white-space: nowrap;
|
19
|
-
border-radius: $border-radius-base;
|
20
|
-
}
|
21
|
-
|
22
|
-
// Blocks of code
|
23
|
-
pre {
|
24
|
-
display: block;
|
25
|
-
padding: (($line-height-computed - 1) / 2);
|
26
|
-
margin: 0 0 ($line-height-computed / 2);
|
27
|
-
font-size: ($font-size-base - 1); // 14px to 13px
|
28
|
-
line-height: $line-height-base;
|
29
|
-
word-break: break-all;
|
30
|
-
word-wrap: break-word;
|
31
|
-
color: $pre-color;
|
32
|
-
background-color: $pre-bg;
|
33
|
-
border: 1px solid $pre-border-color;
|
34
|
-
border-radius: $border-radius-base;
|
35
|
-
|
36
|
-
// Make prettyprint styles more spaced out for readability
|
37
|
-
&.prettyprint {
|
38
|
-
margin-bottom: $line-height-computed;
|
39
|
-
}
|
40
|
-
|
41
|
-
// Account for some code outputs that place code tags in pre tags
|
42
|
-
code {
|
43
|
-
padding: 0;
|
44
|
-
font-size: inherit;
|
45
|
-
color: inherit;
|
46
|
-
white-space: pre-wrap;
|
47
|
-
background-color: transparent;
|
48
|
-
border: 0;
|
49
|
-
}
|
50
|
-
}
|
51
|
-
|
52
|
-
// Enable scrollable blocks of code
|
53
|
-
.pre-scrollable {
|
54
|
-
max-height: $pre-scrollable-max-height;
|
55
|
-
overflow-y: scroll;
|
56
|
-
}
|
1
|
+
@import "bootstrap/code";
|