bootstrap-sass 3.3.0.1 → 3.4.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +5 -5
- data/.gitignore +1 -0
- data/.travis.yml +8 -14
- data/CHANGELOG.md +64 -0
- data/CONTRIBUTING.md +8 -1
- data/Gemfile +1 -4
- data/LICENSE +2 -1
- data/README.md +135 -114
- data/Rakefile +58 -12
- data/assets/fonts/bootstrap/glyphicons-halflings-regular.eot +0 -0
- data/assets/fonts/bootstrap/glyphicons-halflings-regular.svg +273 -214
- data/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf +0 -0
- data/assets/fonts/bootstrap/glyphicons-halflings-regular.woff +0 -0
- data/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2 +0 -0
- data/assets/javascripts/bootstrap/affix.js +11 -9
- data/assets/javascripts/bootstrap/alert.js +6 -5
- data/assets/javascripts/bootstrap/button.js +25 -16
- data/assets/javascripts/bootstrap/carousel.js +25 -18
- data/assets/javascripts/bootstrap/collapse.js +13 -12
- data/assets/javascripts/bootstrap/dropdown.js +51 -47
- data/assets/javascripts/bootstrap/modal.js +112 -35
- data/assets/javascripts/bootstrap/popover.js +31 -27
- data/assets/javascripts/bootstrap/scrollspy.js +19 -22
- data/assets/javascripts/bootstrap/tab.js +14 -12
- data/assets/javascripts/bootstrap/tooltip.js +255 -56
- data/assets/javascripts/bootstrap/transition.js +5 -5
- data/assets/javascripts/bootstrap-sprockets.js +2 -2
- data/assets/javascripts/bootstrap.js +1282 -962
- data/assets/javascripts/bootstrap.min.js +6 -0
- data/assets/stylesheets/_bootstrap-compass.scss +2 -0
- data/assets/stylesheets/_bootstrap-mincer.scss +4 -2
- data/assets/stylesheets/_bootstrap-sprockets.scss +2 -0
- data/assets/stylesheets/_bootstrap.scss +6 -0
- data/assets/stylesheets/bootstrap/_alerts.scss +8 -3
- data/assets/stylesheets/bootstrap/_badges.scss +16 -5
- data/assets/stylesheets/bootstrap/_breadcrumbs.scss +3 -1
- data/assets/stylesheets/bootstrap/_button-groups.scss +11 -14
- data/assets/stylesheets/bootstrap/_buttons.scss +18 -10
- data/assets/stylesheets/bootstrap/_carousel.scss +40 -36
- data/assets/stylesheets/bootstrap/_close.scss +2 -0
- data/assets/stylesheets/bootstrap/_code.scss +3 -3
- data/assets/stylesheets/bootstrap/_component-animations.scss +2 -2
- data/assets/stylesheets/bootstrap/_dropdowns.scss +24 -24
- data/assets/stylesheets/bootstrap/_forms.scss +149 -103
- data/assets/stylesheets/bootstrap/_glyphicons.scss +85 -12
- data/assets/stylesheets/bootstrap/_grid.scss +10 -0
- data/assets/stylesheets/bootstrap/_input-groups.scss +10 -5
- data/assets/stylesheets/bootstrap/_jumbotron.scss +11 -5
- data/assets/stylesheets/bootstrap/_labels.scss +1 -1
- data/assets/stylesheets/bootstrap/_list-group.scss +30 -34
- data/assets/stylesheets/bootstrap/_media.scss +19 -0
- data/assets/stylesheets/bootstrap/_mixins.scss +1 -0
- data/assets/stylesheets/bootstrap/_modals.scss +9 -8
- data/assets/stylesheets/bootstrap/_navbar.scss +77 -82
- data/assets/stylesheets/bootstrap/_navs.scss +4 -6
- data/assets/stylesheets/bootstrap/_normalize.scss +13 -13
- data/assets/stylesheets/bootstrap/_pager.scss +2 -2
- data/assets/stylesheets/bootstrap/_pagination.scss +15 -17
- data/assets/stylesheets/bootstrap/_panels.scss +16 -6
- data/assets/stylesheets/bootstrap/_popovers.scss +50 -58
- data/assets/stylesheets/bootstrap/_print.scss +90 -98
- data/assets/stylesheets/bootstrap/_progress-bars.scss +3 -3
- data/assets/stylesheets/bootstrap/_responsive-embed.scss +10 -10
- data/assets/stylesheets/bootstrap/_responsive-utilities.scss +11 -6
- data/assets/stylesheets/bootstrap/_scaffolding.scss +18 -7
- data/assets/stylesheets/bootstrap/_tables.scss +24 -24
- data/assets/stylesheets/bootstrap/_theme.scss +57 -22
- data/assets/stylesheets/bootstrap/_thumbnails.scss +1 -1
- data/assets/stylesheets/bootstrap/_tooltip.scss +49 -32
- data/assets/stylesheets/bootstrap/_type.scss +12 -12
- data/assets/stylesheets/bootstrap/_utilities.scss +0 -1
- data/assets/stylesheets/bootstrap/_variables.scss +27 -17
- data/assets/stylesheets/bootstrap/_wells.scss +2 -2
- data/assets/stylesheets/bootstrap/mixins/_alerts.scss +2 -1
- data/assets/stylesheets/bootstrap/mixins/_background-variant.scss +2 -1
- data/assets/stylesheets/bootstrap/mixins/_border-radius.scss +4 -4
- data/assets/stylesheets/bootstrap/mixins/_buttons.scss +20 -11
- data/assets/stylesheets/bootstrap/mixins/_center-block.scss +1 -1
- data/assets/stylesheets/bootstrap/mixins/_clearfix.scss +1 -1
- data/assets/stylesheets/bootstrap/mixins/_forms.scss +4 -4
- data/assets/stylesheets/bootstrap/mixins/_gradients.scss +6 -8
- data/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +2 -2
- data/assets/stylesheets/bootstrap/mixins/_grid.scss +8 -8
- data/assets/stylesheets/bootstrap/mixins/_hide-text.scss +3 -3
- data/assets/stylesheets/bootstrap/mixins/_image.scss +5 -10
- data/assets/stylesheets/bootstrap/mixins/_list-group.scss +3 -2
- data/assets/stylesheets/bootstrap/mixins/_opacity.scss +2 -3
- data/assets/stylesheets/bootstrap/mixins/_pagination.scss +2 -1
- data/assets/stylesheets/bootstrap/mixins/_reset-text.scss +18 -0
- data/assets/stylesheets/bootstrap/mixins/_resize.scss +1 -1
- data/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss +1 -5
- data/assets/stylesheets/bootstrap/mixins/_tab-focus.scss +3 -3
- data/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +2 -1
- data/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss +4 -4
- data/bootstrap-sass.gemspec +10 -9
- data/bower.json +6 -20
- data/composer.json +2 -2
- data/eyeglass-exports.js +7 -0
- data/lib/bootstrap-sass/engine.rb +6 -1
- data/lib/bootstrap-sass/version.rb +2 -2
- data/lib/bootstrap-sass.rb +32 -13
- data/package-lock.json +1611 -0
- data/package.json +21 -7
- data/sache.json +1 -1
- data/tasks/bower.rake +2 -5
- data/tasks/converter/fonts_conversion.rb +1 -1
- data/tasks/converter/js_conversion.rb +7 -5
- data/tasks/converter/less_conversion.rb +48 -37
- data/tasks/converter/network.rb +12 -7
- data/tasks/converter.rb +1 -1
- data/templates/project/_bootstrap-variables.sass +27 -18
- data/templates/project/styles.sass +3 -0
- data/test/compilation_test.rb +24 -12
- data/test/dummy_rails/app/assets/stylesheets/{application.css.sass → application.sass} +0 -0
- data/test/dummy_rails/app/views/pages/root.html.slim +43 -0
- data/test/dummy_rails/config/application.rb +2 -1
- data/test/dummy_rails/config/boot.rb +1 -1
- data/test/dummy_rails/config/environments/development.rb +0 -3
- data/test/dummy_rails/config/environments/production.rb +7 -1
- data/test/dummy_rails/config/environments/test.rb +9 -1
- data/test/dummy_sass_only/Gemfile +1 -1
- data/test/dummy_sass_only/compile.rb +14 -7
- data/test/dummy_sass_only/import_all.scss +2 -0
- data/test/gemfiles/default.gemfile +3 -0
- data/test/node_mincer_test.rb +2 -3
- data/test/node_sass_compile_test.sh +4 -3
- data/test/sass_test.rb +10 -7
- data/test/sprockets_rails_test.rb +12 -8
- data/test/support/dummy_rails_integration.rb +1 -1
- data/test/support/reporting.rb +10 -0
- data/test/test_helper.rb +3 -2
- metadata +56 -46
- data/test/compass_test.rb +0 -9
- data/test/dummy_rails/log/development.log +0 -0
- data/test/dummy_sass_only/import_all.sass +0 -2
- data/test/gemfiles/sass_3_2.gemfile +0 -6
- data/test/gemfiles/sass_3_3.gemfile +0 -6
- data/test/gemfiles/sass_3_4.gemfile +0 -7
- data/test/gemfiles/sass_head.gemfile +0 -6
@@ -7,14 +7,17 @@
|
|
7
7
|
//
|
8
8
|
// <a href="#"><span class="glyphicon glyphicon-star"></span> Star</a>
|
9
9
|
|
10
|
-
|
11
|
-
|
12
|
-
font-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
10
|
+
@at-root {
|
11
|
+
// Import the fonts
|
12
|
+
@font-face {
|
13
|
+
font-family: "Glyphicons Halflings";
|
14
|
+
src: url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$icon-font-path}#{$icon-font-name}.eot"), "#{$icon-font-path}#{$icon-font-name}.eot"));
|
15
|
+
src: url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$icon-font-path}#{$icon-font-name}.eot?#iefix"), "#{$icon-font-path}#{$icon-font-name}.eot?#iefix")) format("embedded-opentype"),
|
16
|
+
url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$icon-font-path}#{$icon-font-name}.woff2"), "#{$icon-font-path}#{$icon-font-name}.woff2")) format("woff2"),
|
17
|
+
url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$icon-font-path}#{$icon-font-name}.woff"), "#{$icon-font-path}#{$icon-font-name}.woff")) format("woff"),
|
18
|
+
url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$icon-font-path}#{$icon-font-name}.ttf"), "#{$icon-font-path}#{$icon-font-name}.ttf")) format("truetype"),
|
19
|
+
url(if($bootstrap-sass-asset-helper, twbs-font-path("#{$icon-font-path}#{$icon-font-name}.svg##{$icon-font-svg-id}"), "#{$icon-font-path}#{$icon-font-name}.svg##{$icon-font-svg-id}")) format("svg");
|
20
|
+
}
|
18
21
|
}
|
19
22
|
|
20
23
|
// Catchall baseclass
|
@@ -22,17 +25,17 @@
|
|
22
25
|
position: relative;
|
23
26
|
top: 1px;
|
24
27
|
display: inline-block;
|
25
|
-
font-family:
|
28
|
+
font-family: "Glyphicons Halflings";
|
26
29
|
font-style: normal;
|
27
|
-
font-weight:
|
30
|
+
font-weight: 400;
|
28
31
|
line-height: 1;
|
29
32
|
-webkit-font-smoothing: antialiased;
|
30
33
|
-moz-osx-font-smoothing: grayscale;
|
31
34
|
}
|
32
35
|
|
33
36
|
// Individual icons
|
34
|
-
.glyphicon-asterisk { &:before { content: "\
|
35
|
-
.glyphicon-plus { &:before { content: "\
|
37
|
+
.glyphicon-asterisk { &:before { content: "\002a"; } }
|
38
|
+
.glyphicon-plus { &:before { content: "\002b"; } }
|
36
39
|
.glyphicon-euro,
|
37
40
|
.glyphicon-eur { &:before { content: "\20ac"; } }
|
38
41
|
.glyphicon-minus { &:before { content: "\2212"; } }
|
@@ -232,3 +235,73 @@
|
|
232
235
|
.glyphicon-cloud-upload { &:before { content: "\e198"; } }
|
233
236
|
.glyphicon-tree-conifer { &:before { content: "\e199"; } }
|
234
237
|
.glyphicon-tree-deciduous { &:before { content: "\e200"; } }
|
238
|
+
.glyphicon-cd { &:before { content: "\e201"; } }
|
239
|
+
.glyphicon-save-file { &:before { content: "\e202"; } }
|
240
|
+
.glyphicon-open-file { &:before { content: "\e203"; } }
|
241
|
+
.glyphicon-level-up { &:before { content: "\e204"; } }
|
242
|
+
.glyphicon-copy { &:before { content: "\e205"; } }
|
243
|
+
.glyphicon-paste { &:before { content: "\e206"; } }
|
244
|
+
// The following 2 Glyphicons are omitted for the time being because
|
245
|
+
// they currently use Unicode codepoints that are outside the
|
246
|
+
// Basic Multilingual Plane (BMP). Older buggy versions of WebKit can't handle
|
247
|
+
// non-BMP codepoints in CSS string escapes, and thus can't display these two icons.
|
248
|
+
// Notably, the bug affects some older versions of the Android Browser.
|
249
|
+
// More info: https://github.com/twbs/bootstrap/issues/10106
|
250
|
+
// .glyphicon-door { &:before { content: "\1f6aa"; } }
|
251
|
+
// .glyphicon-key { &:before { content: "\1f511"; } }
|
252
|
+
.glyphicon-alert { &:before { content: "\e209"; } }
|
253
|
+
.glyphicon-equalizer { &:before { content: "\e210"; } }
|
254
|
+
.glyphicon-king { &:before { content: "\e211"; } }
|
255
|
+
.glyphicon-queen { &:before { content: "\e212"; } }
|
256
|
+
.glyphicon-pawn { &:before { content: "\e213"; } }
|
257
|
+
.glyphicon-bishop { &:before { content: "\e214"; } }
|
258
|
+
.glyphicon-knight { &:before { content: "\e215"; } }
|
259
|
+
.glyphicon-baby-formula { &:before { content: "\e216"; } }
|
260
|
+
.glyphicon-tent { &:before { content: "\26fa"; } }
|
261
|
+
.glyphicon-blackboard { &:before { content: "\e218"; } }
|
262
|
+
.glyphicon-bed { &:before { content: "\e219"; } }
|
263
|
+
.glyphicon-apple { &:before { content: "\f8ff"; } }
|
264
|
+
.glyphicon-erase { &:before { content: "\e221"; } }
|
265
|
+
.glyphicon-hourglass { &:before { content: "\231b"; } }
|
266
|
+
.glyphicon-lamp { &:before { content: "\e223"; } }
|
267
|
+
.glyphicon-duplicate { &:before { content: "\e224"; } }
|
268
|
+
.glyphicon-piggy-bank { &:before { content: "\e225"; } }
|
269
|
+
.glyphicon-scissors { &:before { content: "\e226"; } }
|
270
|
+
.glyphicon-bitcoin { &:before { content: "\e227"; } }
|
271
|
+
.glyphicon-btc { &:before { content: "\e227"; } }
|
272
|
+
.glyphicon-xbt { &:before { content: "\e227"; } }
|
273
|
+
.glyphicon-yen { &:before { content: "\00a5"; } }
|
274
|
+
.glyphicon-jpy { &:before { content: "\00a5"; } }
|
275
|
+
.glyphicon-ruble { &:before { content: "\20bd"; } }
|
276
|
+
.glyphicon-rub { &:before { content: "\20bd"; } }
|
277
|
+
.glyphicon-scale { &:before { content: "\e230"; } }
|
278
|
+
.glyphicon-ice-lolly { &:before { content: "\e231"; } }
|
279
|
+
.glyphicon-ice-lolly-tasted { &:before { content: "\e232"; } }
|
280
|
+
.glyphicon-education { &:before { content: "\e233"; } }
|
281
|
+
.glyphicon-option-horizontal { &:before { content: "\e234"; } }
|
282
|
+
.glyphicon-option-vertical { &:before { content: "\e235"; } }
|
283
|
+
.glyphicon-menu-hamburger { &:before { content: "\e236"; } }
|
284
|
+
.glyphicon-modal-window { &:before { content: "\e237"; } }
|
285
|
+
.glyphicon-oil { &:before { content: "\e238"; } }
|
286
|
+
.glyphicon-grain { &:before { content: "\e239"; } }
|
287
|
+
.glyphicon-sunglasses { &:before { content: "\e240"; } }
|
288
|
+
.glyphicon-text-size { &:before { content: "\e241"; } }
|
289
|
+
.glyphicon-text-color { &:before { content: "\e242"; } }
|
290
|
+
.glyphicon-text-background { &:before { content: "\e243"; } }
|
291
|
+
.glyphicon-object-align-top { &:before { content: "\e244"; } }
|
292
|
+
.glyphicon-object-align-bottom { &:before { content: "\e245"; } }
|
293
|
+
.glyphicon-object-align-horizontal{ &:before { content: "\e246"; } }
|
294
|
+
.glyphicon-object-align-left { &:before { content: "\e247"; } }
|
295
|
+
.glyphicon-object-align-vertical { &:before { content: "\e248"; } }
|
296
|
+
.glyphicon-object-align-right { &:before { content: "\e249"; } }
|
297
|
+
.glyphicon-triangle-right { &:before { content: "\e250"; } }
|
298
|
+
.glyphicon-triangle-left { &:before { content: "\e251"; } }
|
299
|
+
.glyphicon-triangle-bottom { &:before { content: "\e252"; } }
|
300
|
+
.glyphicon-triangle-top { &:before { content: "\e253"; } }
|
301
|
+
.glyphicon-console { &:before { content: "\e254"; } }
|
302
|
+
.glyphicon-superscript { &:before { content: "\e255"; } }
|
303
|
+
.glyphicon-subscript { &:before { content: "\e256"; } }
|
304
|
+
.glyphicon-menu-left { &:before { content: "\e257"; } }
|
305
|
+
.glyphicon-menu-right { &:before { content: "\e258"; } }
|
306
|
+
.glyphicon-menu-down { &:before { content: "\e259"; } }
|
307
|
+
.glyphicon-menu-up { &:before { content: "\e260"; } }
|
@@ -12,8 +12,8 @@
|
|
12
12
|
// Undo padding and float of grid classes
|
13
13
|
&[class*="col-"] {
|
14
14
|
float: none;
|
15
|
-
padding-left: 0;
|
16
15
|
padding-right: 0;
|
16
|
+
padding-left: 0;
|
17
17
|
}
|
18
18
|
|
19
19
|
.form-control {
|
@@ -29,6 +29,10 @@
|
|
29
29
|
|
30
30
|
width: 100%;
|
31
31
|
margin-bottom: 0;
|
32
|
+
|
33
|
+
&:focus {
|
34
|
+
z-index: 3;
|
35
|
+
}
|
32
36
|
}
|
33
37
|
}
|
34
38
|
|
@@ -73,24 +77,24 @@
|
|
73
77
|
.input-group-addon {
|
74
78
|
padding: $padding-base-vertical $padding-base-horizontal;
|
75
79
|
font-size: $font-size-base;
|
76
|
-
font-weight:
|
80
|
+
font-weight: 400;
|
77
81
|
line-height: 1;
|
78
82
|
color: $input-color;
|
79
83
|
text-align: center;
|
80
84
|
background-color: $input-group-addon-bg;
|
81
85
|
border: 1px solid $input-group-addon-border-color;
|
82
|
-
border-radius: $border-radius
|
86
|
+
border-radius: $input-border-radius;
|
83
87
|
|
84
88
|
// Sizing
|
85
89
|
&.input-sm {
|
86
90
|
padding: $padding-small-vertical $padding-small-horizontal;
|
87
91
|
font-size: $font-size-small;
|
88
|
-
border-radius: $border-radius-small;
|
92
|
+
border-radius: $input-border-radius-small;
|
89
93
|
}
|
90
94
|
&.input-lg {
|
91
95
|
padding: $padding-large-vertical $padding-large-horizontal;
|
92
96
|
font-size: $font-size-large;
|
93
|
-
border-radius: $border-radius-large;
|
97
|
+
border-radius: $input-border-radius-large;
|
94
98
|
}
|
95
99
|
|
96
100
|
// Nuke default margins from checkboxes and radios to vertically center within.
|
@@ -160,6 +164,7 @@
|
|
160
164
|
&:last-child {
|
161
165
|
> .btn,
|
162
166
|
> .btn-group {
|
167
|
+
z-index: 2;
|
163
168
|
margin-left: -1px;
|
164
169
|
}
|
165
170
|
}
|
@@ -4,7 +4,8 @@
|
|
4
4
|
|
5
5
|
|
6
6
|
.jumbotron {
|
7
|
-
padding: $jumbotron-padding
|
7
|
+
padding-top: $jumbotron-padding;
|
8
|
+
padding-bottom: $jumbotron-padding;
|
8
9
|
margin-bottom: $jumbotron-padding;
|
9
10
|
color: $jumbotron-color;
|
10
11
|
background-color: $jumbotron-bg;
|
@@ -13,6 +14,7 @@
|
|
13
14
|
.h1 {
|
14
15
|
color: $jumbotron-heading-color;
|
15
16
|
}
|
17
|
+
|
16
18
|
p {
|
17
19
|
margin-bottom: ($jumbotron-padding / 2);
|
18
20
|
font-size: $jumbotron-font-size;
|
@@ -25,6 +27,8 @@
|
|
25
27
|
|
26
28
|
.container &,
|
27
29
|
.container-fluid & {
|
30
|
+
padding-right: ($grid-gutter-width / 2);
|
31
|
+
padding-left: ($grid-gutter-width / 2);
|
28
32
|
border-radius: $border-radius-large; // Only round corners at higher resolutions if contained in a container
|
29
33
|
}
|
30
34
|
|
@@ -33,16 +37,18 @@
|
|
33
37
|
}
|
34
38
|
|
35
39
|
@media screen and (min-width: $screen-sm-min) {
|
36
|
-
padding: ($jumbotron-padding * 1.6)
|
40
|
+
padding-top: ($jumbotron-padding * 1.6);
|
41
|
+
padding-bottom: ($jumbotron-padding * 1.6);
|
37
42
|
|
38
|
-
.container
|
39
|
-
|
43
|
+
.container &,
|
44
|
+
.container-fluid & {
|
40
45
|
padding-right: ($jumbotron-padding * 2);
|
46
|
+
padding-left: ($jumbotron-padding * 2);
|
41
47
|
}
|
42
48
|
|
43
49
|
h1,
|
44
50
|
.h1 {
|
45
|
-
font-size:
|
51
|
+
font-size: $jumbotron-heading-font-size;
|
46
52
|
}
|
47
53
|
}
|
48
54
|
}
|
@@ -9,8 +9,8 @@
|
|
9
9
|
|
10
10
|
.list-group {
|
11
11
|
// No need to set list-style: none; since .list-group-item is block level
|
12
|
-
margin-bottom: 20px;
|
13
12
|
padding-left: 0; // reset padding because ul and ol
|
13
|
+
margin-bottom: 20px;
|
14
14
|
}
|
15
15
|
|
16
16
|
|
@@ -36,45 +36,13 @@
|
|
36
36
|
@include border-bottom-radius($list-group-border-radius);
|
37
37
|
}
|
38
38
|
|
39
|
-
// Align badges within list items
|
40
|
-
> .badge {
|
41
|
-
float: right;
|
42
|
-
}
|
43
|
-
> .badge + .badge {
|
44
|
-
margin-right: 5px;
|
45
|
-
}
|
46
|
-
}
|
47
|
-
|
48
|
-
|
49
|
-
// Linked list items
|
50
|
-
//
|
51
|
-
// Use anchor elements instead of `li`s or `div`s to create linked list items.
|
52
|
-
// Includes an extra `.active` modifier class for showing selected items.
|
53
|
-
|
54
|
-
a.list-group-item {
|
55
|
-
color: $list-group-link-color;
|
56
|
-
|
57
|
-
.list-group-item-heading {
|
58
|
-
color: $list-group-link-heading-color;
|
59
|
-
}
|
60
|
-
|
61
|
-
// Hover state
|
62
|
-
&:hover,
|
63
|
-
&:focus {
|
64
|
-
text-decoration: none;
|
65
|
-
color: $list-group-link-hover-color;
|
66
|
-
background-color: $list-group-hover-bg;
|
67
|
-
}
|
68
|
-
}
|
69
|
-
|
70
|
-
.list-group-item {
|
71
39
|
// Disabled state
|
72
40
|
&.disabled,
|
73
41
|
&.disabled:hover,
|
74
42
|
&.disabled:focus {
|
75
|
-
background-color: $list-group-disabled-bg;
|
76
43
|
color: $list-group-disabled-color;
|
77
44
|
cursor: $cursor-disabled;
|
45
|
+
background-color: $list-group-disabled-bg;
|
78
46
|
|
79
47
|
// Force color to inherit for custom content
|
80
48
|
.list-group-item-heading {
|
@@ -107,6 +75,34 @@ a.list-group-item {
|
|
107
75
|
}
|
108
76
|
|
109
77
|
|
78
|
+
// Interactive list items
|
79
|
+
//
|
80
|
+
// Use anchor or button elements instead of `li`s or `div`s to create interactive items.
|
81
|
+
// Includes an extra `.active` modifier class for showing selected items.
|
82
|
+
|
83
|
+
a.list-group-item,
|
84
|
+
button.list-group-item {
|
85
|
+
color: $list-group-link-color;
|
86
|
+
|
87
|
+
.list-group-item-heading {
|
88
|
+
color: $list-group-link-heading-color;
|
89
|
+
}
|
90
|
+
|
91
|
+
// Hover state
|
92
|
+
&:hover,
|
93
|
+
&:focus {
|
94
|
+
color: $list-group-link-hover-color;
|
95
|
+
text-decoration: none;
|
96
|
+
background-color: $list-group-hover-bg;
|
97
|
+
}
|
98
|
+
}
|
99
|
+
|
100
|
+
button.list-group-item {
|
101
|
+
width: 100%;
|
102
|
+
text-align: left;
|
103
|
+
}
|
104
|
+
|
105
|
+
|
110
106
|
// Contextual variants
|
111
107
|
//
|
112
108
|
// Add modifier classes to change text and background color on individual items.
|
@@ -7,6 +7,25 @@
|
|
7
7
|
}
|
8
8
|
}
|
9
9
|
|
10
|
+
.media,
|
11
|
+
.media-body {
|
12
|
+
overflow: hidden;
|
13
|
+
zoom: 1;
|
14
|
+
}
|
15
|
+
|
16
|
+
.media-body {
|
17
|
+
width: 10000px;
|
18
|
+
}
|
19
|
+
|
20
|
+
.media-object {
|
21
|
+
display: block;
|
22
|
+
|
23
|
+
// Fix collapse in webkit from max-width: 100% and display: table-cell.
|
24
|
+
&.img-thumbnail {
|
25
|
+
max-width: none;
|
26
|
+
}
|
27
|
+
}
|
28
|
+
|
10
29
|
.media-right,
|
11
30
|
.media > .pull-right {
|
12
31
|
padding-left: 10px;
|
@@ -14,14 +14,14 @@
|
|
14
14
|
|
15
15
|
// Container that the modal scrolls within
|
16
16
|
.modal {
|
17
|
-
display: none;
|
18
|
-
overflow: hidden;
|
19
17
|
position: fixed;
|
20
18
|
top: 0;
|
21
19
|
right: 0;
|
22
20
|
bottom: 0;
|
23
21
|
left: 0;
|
24
22
|
z-index: $zindex-modal;
|
23
|
+
display: none;
|
24
|
+
overflow: hidden;
|
25
25
|
-webkit-overflow-scrolling: touch;
|
26
26
|
|
27
27
|
// Prevent Chrome on Windows from adding a focus outline. For details, see
|
@@ -33,7 +33,7 @@
|
|
33
33
|
@include translate(0, -25%);
|
34
34
|
@include transition-transform(0.3s ease-out);
|
35
35
|
}
|
36
|
-
&.in .modal-dialog { @include translate(0, 0) }
|
36
|
+
&.in .modal-dialog { @include translate(0, 0); }
|
37
37
|
}
|
38
38
|
.modal-open .modal {
|
39
39
|
overflow-x: hidden;
|
@@ -51,11 +51,11 @@
|
|
51
51
|
.modal-content {
|
52
52
|
position: relative;
|
53
53
|
background-color: $modal-content-bg;
|
54
|
+
background-clip: padding-box;
|
54
55
|
border: 1px solid $modal-content-fallback-border-color; //old browsers fallback (ie8 etc)
|
55
56
|
border: 1px solid $modal-content-border-color;
|
56
57
|
border-radius: $border-radius-large;
|
57
|
-
@include box-shadow(0 3px 9px rgba(0,0,0
|
58
|
-
background-clip: padding-box;
|
58
|
+
@include box-shadow(0 3px 9px rgba(0, 0, 0, .5));
|
59
59
|
// Remove focus outline from opened modal
|
60
60
|
outline: 0;
|
61
61
|
}
|
@@ -67,6 +67,7 @@
|
|
67
67
|
right: 0;
|
68
68
|
bottom: 0;
|
69
69
|
left: 0;
|
70
|
+
z-index: $zindex-modal-background;
|
70
71
|
background-color: $modal-backdrop-bg;
|
71
72
|
// Fade for backdrop
|
72
73
|
&.fade { @include opacity(0); }
|
@@ -78,7 +79,7 @@
|
|
78
79
|
.modal-header {
|
79
80
|
padding: $modal-title-padding;
|
80
81
|
border-bottom: 1px solid $modal-header-border-color;
|
81
|
-
|
82
|
+
@include clearfix;
|
82
83
|
}
|
83
84
|
// Close icon
|
84
85
|
.modal-header .close {
|
@@ -107,8 +108,8 @@
|
|
107
108
|
|
108
109
|
// Properly space out buttons
|
109
110
|
.btn + .btn {
|
110
|
-
margin-left: 5px;
|
111
111
|
margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
|
112
|
+
margin-left: 5px;
|
112
113
|
}
|
113
114
|
// but override that for button groups
|
114
115
|
.btn-group .btn + .btn {
|
@@ -137,7 +138,7 @@
|
|
137
138
|
margin: 30px auto;
|
138
139
|
}
|
139
140
|
.modal-content {
|
140
|
-
@include box-shadow(0 5px 15px rgba(0,0,0
|
141
|
+
@include box-shadow(0 5px 15px rgba(0, 0, 0, .5));
|
141
142
|
}
|
142
143
|
|
143
144
|
// Modal sizes
|