bootstrap-generators 2.3.2 → 3.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.
- checksums.yaml +4 -4
- data/Gemfile +12 -2
- data/{LICENSE.txt → MIT-LICENSE} +1 -3
- data/README.md +19 -64
- data/Rakefile +24 -22
- data/bootstrap-generators.gemspec +3 -1
- data/lib/bootstrap-generators.rb +12 -1
- data/lib/bootstrap/generators/version.rb +1 -1
- data/lib/generators/bootstrap/install/install_generator.rb +9 -24
- data/lib/generators/bootstrap/install/templates/assets/stylesheets/bootstrap-variables.less +498 -179
- data/lib/generators/bootstrap/install/templates/assets/stylesheets/bootstrap-variables.scss +620 -0
- data/lib/generators/bootstrap/install/templates/assets/stylesheets/{fluid.css → starter.css} +6 -6
- data/lib/generators/bootstrap/install/templates/assets/stylesheets/{fluid.css.less → starter.less} +7 -7
- data/lib/generators/bootstrap/install/templates/assets/stylesheets/{fluid.css.scss → starter.scss} +7 -8
- data/lib/generators/bootstrap/install/templates/form_builders/form_builder/_form.html.erb +11 -9
- data/lib/generators/bootstrap/install/templates/form_builders/form_builder/_form.html.haml +9 -8
- data/lib/generators/bootstrap/install/templates/layouts/starter.html.erb +50 -0
- data/lib/generators/bootstrap/install/templates/layouts/{hero.html.haml → starter.html.haml} +0 -0
- data/lib/generators/bootstrap/install/templates/lib/templates/erb/scaffold/edit.html.erb +3 -3
- data/lib/generators/bootstrap/install/templates/lib/templates/erb/scaffold/index.html.erb +25 -25
- data/lib/generators/bootstrap/install/templates/lib/templates/erb/scaffold/new.html.erb +2 -2
- data/lib/generators/bootstrap/install/templates/lib/templates/erb/scaffold/show.html.erb +5 -5
- data/lib/generators/bootstrap/install/templates/lib/templates/haml/scaffold/edit.html.haml +3 -3
- data/lib/generators/bootstrap/install/templates/lib/templates/haml/scaffold/index.html.haml +20 -19
- data/lib/generators/bootstrap/install/templates/lib/templates/haml/scaffold/new.html.haml +2 -2
- data/lib/generators/bootstrap/install/templates/lib/templates/haml/scaffold/show.html.haml +5 -5
- data/readme-template.md.erb +5 -48
- data/test/lib/generators/bootstrap/install_generator_test.rb +3 -33
- data/vendor/assets/fonts/glyphicons-halflings-regular.eot +0 -0
- data/vendor/assets/fonts/glyphicons-halflings-regular.svg +228 -0
- data/vendor/assets/fonts/glyphicons-halflings-regular.ttf +0 -0
- data/vendor/assets/fonts/glyphicons-halflings-regular.woff +0 -0
- data/vendor/assets/javascripts/bootstrap-ie.js +2 -0
- data/vendor/assets/javascripts/bootstrap-ie/html5shiv.js +8 -0
- data/vendor/assets/javascripts/bootstrap-ie/respond.min.js +6 -0
- data/vendor/assets/javascripts/bootstrap.js +12 -13
- data/vendor/assets/javascripts/bootstrap/affix.js +126 -0
- data/vendor/assets/javascripts/{bootstrap-alert.js → bootstrap/alert.js} +35 -36
- data/vendor/assets/javascripts/bootstrap/button.js +109 -0
- data/vendor/assets/javascripts/bootstrap/carousel.js +217 -0
- data/vendor/assets/javascripts/bootstrap/collapse.js +179 -0
- data/vendor/assets/javascripts/bootstrap/dropdown.js +154 -0
- data/vendor/assets/javascripts/bootstrap/modal.js +246 -0
- data/vendor/assets/javascripts/bootstrap/popover.js +117 -0
- data/vendor/assets/javascripts/bootstrap/scrollspy.js +158 -0
- data/vendor/assets/javascripts/bootstrap/tab.js +135 -0
- data/vendor/assets/javascripts/bootstrap/tooltip.js +386 -0
- data/vendor/assets/javascripts/bootstrap/transition.js +56 -0
- data/vendor/assets/stylesheets/bootstrap.css +4638 -4000
- data/vendor/twitter/bootstrap/less/alerts.less +46 -58
- data/vendor/twitter/bootstrap/less/badges.less +51 -0
- data/vendor/twitter/bootstrap/less/bootstrap.less +27 -31
- data/vendor/twitter/bootstrap/less/breadcrumbs.less +7 -8
- data/vendor/twitter/bootstrap/less/button-groups.less +173 -154
- data/vendor/twitter/bootstrap/less/buttons.less +97 -165
- data/vendor/twitter/bootstrap/less/carousel.less +115 -64
- data/vendor/twitter/bootstrap/less/close.less +20 -19
- data/vendor/twitter/bootstrap/less/code.less +17 -22
- data/vendor/twitter/bootstrap/less/component-animations.less +10 -3
- data/vendor/twitter/bootstrap/less/dropdowns.less +92 -147
- data/vendor/twitter/bootstrap/less/forms.less +224 -561
- data/vendor/twitter/bootstrap/less/glyphicons.less +232 -0
- data/vendor/twitter/bootstrap/less/grid.less +336 -11
- data/vendor/twitter/bootstrap/less/input-groups.less +127 -0
- data/vendor/twitter/bootstrap/less/jumbotron.less +40 -0
- data/vendor/twitter/bootstrap/less/labels.less +58 -0
- data/vendor/twitter/bootstrap/less/list-group.less +88 -0
- data/vendor/twitter/bootstrap/less/media.less +8 -7
- data/vendor/twitter/bootstrap/less/mixins.less +487 -466
- data/vendor/twitter/bootstrap/less/modals.less +98 -52
- data/vendor/twitter/bootstrap/less/navbar.less +507 -383
- data/vendor/twitter/bootstrap/less/navs.less +169 -349
- data/vendor/twitter/bootstrap/less/normalize.less +396 -0
- data/vendor/twitter/bootstrap/less/pager.less +45 -33
- data/vendor/twitter/bootstrap/less/pagination.less +65 -105
- data/vendor/twitter/bootstrap/less/panels.less +148 -0
- data/vendor/twitter/bootstrap/less/popovers.less +51 -51
- data/vendor/twitter/bootstrap/less/print.less +100 -0
- data/vendor/twitter/bootstrap/less/progress-bars.less +28 -55
- data/vendor/twitter/bootstrap/less/responsive-utilities.less +195 -34
- data/vendor/twitter/bootstrap/less/scaffolding.less +101 -24
- data/vendor/twitter/bootstrap/less/tables.less +170 -178
- data/vendor/twitter/bootstrap/less/theme.less +232 -0
- data/vendor/twitter/bootstrap/less/thumbnails.less +11 -33
- data/vendor/twitter/bootstrap/less/tooltip.less +45 -20
- data/vendor/twitter/bootstrap/less/type.less +100 -109
- data/vendor/twitter/bootstrap/less/utilities.less +19 -7
- data/vendor/twitter/bootstrap/less/variables.less +498 -179
- data/vendor/twitter/bootstrap/less/wells.less +7 -7
- data/vendor/twitter/bootstrap/sass/_alerts.scss +46 -58
- data/vendor/twitter/bootstrap/sass/_badges.scss +51 -0
- data/vendor/twitter/bootstrap/sass/_breadcrumbs.scss +8 -9
- data/vendor/twitter/bootstrap/sass/_button-groups.scss +173 -154
- data/vendor/twitter/bootstrap/sass/_buttons.scss +97 -165
- data/vendor/twitter/bootstrap/sass/_carousel.scss +116 -65
- data/vendor/twitter/bootstrap/sass/_close.scss +9 -8
- data/vendor/twitter/bootstrap/sass/_code.scss +16 -21
- data/vendor/twitter/bootstrap/sass/_component-animations.scss +10 -3
- data/vendor/twitter/bootstrap/sass/_dropdowns.scss +94 -148
- data/vendor/twitter/bootstrap/sass/_forms.scss +220 -559
- data/vendor/twitter/bootstrap/sass/_glyphicons.scss +232 -0
- data/vendor/twitter/bootstrap/sass/_grid.scss +336 -11
- data/vendor/twitter/bootstrap/sass/_input-groups.scss +127 -0
- data/vendor/twitter/bootstrap/sass/_jumbotron.scss +40 -0
- data/vendor/twitter/bootstrap/sass/_labels.scss +58 -0
- data/vendor/twitter/bootstrap/sass/_list-group.scss +88 -0
- data/vendor/twitter/bootstrap/sass/_media.scss +8 -7
- data/vendor/twitter/bootstrap/sass/_mixins.scss +465 -433
- data/vendor/twitter/bootstrap/sass/_modals.scss +102 -52
- data/vendor/twitter/bootstrap/sass/_navbar.scss +511 -383
- data/vendor/twitter/bootstrap/sass/_navs.scss +169 -349
- data/vendor/twitter/bootstrap/sass/_normalize.scss +396 -0
- data/vendor/twitter/bootstrap/sass/_pager.scss +45 -33
- data/vendor/twitter/bootstrap/sass/_pagination.scss +65 -105
- data/vendor/twitter/bootstrap/sass/_panels.scss +148 -0
- data/vendor/twitter/bootstrap/sass/_popovers.scss +51 -51
- data/vendor/twitter/bootstrap/sass/_print.scss +100 -0
- data/vendor/twitter/bootstrap/sass/_progress-bars.scss +28 -55
- data/vendor/twitter/bootstrap/sass/_responsive-utilities.scss +180 -45
- data/vendor/twitter/bootstrap/sass/_scaffolding.scss +101 -24
- data/vendor/twitter/bootstrap/sass/_tables.scss +169 -168
- data/vendor/twitter/bootstrap/sass/_theme.scss +232 -0
- data/vendor/twitter/bootstrap/sass/_thumbnails.scss +11 -33
- data/vendor/twitter/bootstrap/sass/_tooltip.scss +45 -20
- data/vendor/twitter/bootstrap/sass/_type.scss +101 -110
- data/vendor/twitter/bootstrap/sass/_utilities.scss +19 -22
- data/vendor/twitter/bootstrap/sass/_variables.scss +498 -179
- data/vendor/twitter/bootstrap/sass/_wells.scss +7 -7
- data/vendor/twitter/bootstrap/sass/bootstrap.scss +29 -33
- metadata +47 -56
- data/lib/bootstrap/generators/engine.rb +0 -14
- data/lib/generators/bootstrap/install/templates/assets/stylesheets/bootstrap-variables.css.scss +0 -301
- data/lib/generators/bootstrap/install/templates/assets/stylesheets/hero.css +0 -18
- data/lib/generators/bootstrap/install/templates/assets/stylesheets/hero.css.less +0 -19
- data/lib/generators/bootstrap/install/templates/assets/stylesheets/hero.css.scss +0 -19
- data/lib/generators/bootstrap/install/templates/config/initializers/simple_form.rb +0 -176
- data/lib/generators/bootstrap/install/templates/config/locales/simple_form.en.yml +0 -24
- data/lib/generators/bootstrap/install/templates/form_builders/simple_form/_form.html.erb +0 -13
- data/lib/generators/bootstrap/install/templates/form_builders/simple_form/_form.html.haml +0 -10
- data/lib/generators/bootstrap/install/templates/layouts/fluid.html.erb +0 -80
- data/lib/generators/bootstrap/install/templates/layouts/fluid.html.haml +0 -94
- data/lib/generators/bootstrap/install/templates/layouts/hero.html.erb +0 -53
- data/vendor/assets/images/glyphicons-halflings-white.png +0 -0
- data/vendor/assets/images/glyphicons-halflings.png +0 -0
- data/vendor/assets/javascripts/bootstrap-affix.js +0 -117
- data/vendor/assets/javascripts/bootstrap-button.js +0 -105
- data/vendor/assets/javascripts/bootstrap-carousel.js +0 -207
- data/vendor/assets/javascripts/bootstrap-collapse.js +0 -167
- data/vendor/assets/javascripts/bootstrap-dropdown.js +0 -169
- data/vendor/assets/javascripts/bootstrap-modal.js +0 -247
- data/vendor/assets/javascripts/bootstrap-popover.js +0 -114
- data/vendor/assets/javascripts/bootstrap-scrollspy.js +0 -162
- data/vendor/assets/javascripts/bootstrap-tab.js +0 -144
- data/vendor/assets/javascripts/bootstrap-tooltip.js +0 -361
- data/vendor/assets/javascripts/bootstrap-transition.js +0 -60
- data/vendor/assets/javascripts/bootstrap-typeahead.js +0 -335
- data/vendor/assets/stylesheets/bootstrap-responsive.css +0 -1109
- data/vendor/twitter/bootstrap/less/accordion.less +0 -34
- data/vendor/twitter/bootstrap/less/hero-unit.less +0 -25
- data/vendor/twitter/bootstrap/less/labels-badges.less +0 -84
- data/vendor/twitter/bootstrap/less/layouts.less +0 -16
- data/vendor/twitter/bootstrap/less/reset.less +0 -216
- data/vendor/twitter/bootstrap/less/responsive-1200px-min.less +0 -28
- data/vendor/twitter/bootstrap/less/responsive-767px-max.less +0 -193
- data/vendor/twitter/bootstrap/less/responsive-768px-979px.less +0 -19
- data/vendor/twitter/bootstrap/less/responsive-navbar.less +0 -189
- data/vendor/twitter/bootstrap/less/responsive.less +0 -48
- data/vendor/twitter/bootstrap/less/sprites.less +0 -197
- data/vendor/twitter/bootstrap/sass/_accordion.scss +0 -34
- data/vendor/twitter/bootstrap/sass/_hero-unit.scss +0 -25
- data/vendor/twitter/bootstrap/sass/_labels-badges.scss +0 -83
- data/vendor/twitter/bootstrap/sass/_layouts.scss +0 -16
- data/vendor/twitter/bootstrap/sass/_reset.scss +0 -216
- data/vendor/twitter/bootstrap/sass/_responsive-1200px-min.scss +0 -28
- data/vendor/twitter/bootstrap/sass/_responsive-767px-max.scss +0 -193
- data/vendor/twitter/bootstrap/sass/_responsive-768px-979px.scss +0 -19
- data/vendor/twitter/bootstrap/sass/_responsive-navbar.scss +0 -189
- data/vendor/twitter/bootstrap/sass/_sprites.scss +0 -197
- data/vendor/twitter/bootstrap/sass/responsive.scss +0 -48
|
@@ -5,18 +5,19 @@
|
|
|
5
5
|
|
|
6
6
|
.close {
|
|
7
7
|
float: right;
|
|
8
|
-
font-size:
|
|
9
|
-
font-weight:
|
|
10
|
-
line-height:
|
|
11
|
-
color: $
|
|
12
|
-
text-shadow:
|
|
13
|
-
@include opacity(
|
|
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
|
+
|
|
14
15
|
&:hover,
|
|
15
16
|
&:focus {
|
|
16
|
-
color: $
|
|
17
|
+
color: $close-color;
|
|
17
18
|
text-decoration: none;
|
|
18
19
|
cursor: pointer;
|
|
19
|
-
@include opacity(
|
|
20
|
+
@include opacity(.5);
|
|
20
21
|
}
|
|
21
22
|
}
|
|
22
23
|
|
|
@@ -6,48 +6,43 @@
|
|
|
6
6
|
// Inline and block code styles
|
|
7
7
|
code,
|
|
8
8
|
pre {
|
|
9
|
-
|
|
10
|
-
@include font-family-monospace;
|
|
11
|
-
font-size: $baseFontSize - 2;
|
|
12
|
-
color: $grayDark;
|
|
13
|
-
@include border-radius(3px);
|
|
9
|
+
font-family: $font-family-monospace;
|
|
14
10
|
}
|
|
15
11
|
|
|
16
12
|
// Inline code
|
|
17
13
|
code {
|
|
18
14
|
padding: 2px 4px;
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
15
|
+
font-size: 90%;
|
|
16
|
+
color: $code-color;
|
|
17
|
+
background-color: $code-bg;
|
|
22
18
|
white-space: nowrap;
|
|
19
|
+
border-radius: $border-radius-base;
|
|
23
20
|
}
|
|
24
21
|
|
|
25
22
|
// Blocks of code
|
|
26
23
|
pre {
|
|
27
24
|
display: block;
|
|
28
|
-
padding: ($
|
|
29
|
-
margin: 0 0 $
|
|
30
|
-
font-size: $
|
|
31
|
-
line-height: $
|
|
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;
|
|
32
29
|
word-break: break-all;
|
|
33
30
|
word-wrap: break-word;
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
border:
|
|
38
|
-
border: 1px solid rgba(0,0,0,.15);
|
|
39
|
-
@include border-radius($baseBorderRadius);
|
|
31
|
+
color: $pre-color;
|
|
32
|
+
background-color: $pre-bg;
|
|
33
|
+
border: 1px solid $pre-border-color;
|
|
34
|
+
border-radius: $border-radius-base;
|
|
40
35
|
|
|
41
36
|
// Make prettyprint styles more spaced out for readability
|
|
42
37
|
&.prettyprint {
|
|
43
|
-
margin-bottom: $
|
|
38
|
+
margin-bottom: $line-height-computed;
|
|
44
39
|
}
|
|
45
40
|
|
|
46
41
|
// Account for some code outputs that place code tags in pre tags
|
|
47
42
|
code {
|
|
48
43
|
padding: 0;
|
|
44
|
+
font-size: inherit;
|
|
49
45
|
color: inherit;
|
|
50
|
-
white-space: pre;
|
|
51
46
|
white-space: pre-wrap;
|
|
52
47
|
background-color: transparent;
|
|
53
48
|
border: 0;
|
|
@@ -56,6 +51,6 @@ pre {
|
|
|
56
51
|
|
|
57
52
|
// Enable scrollable blocks of code
|
|
58
53
|
.pre-scrollable {
|
|
59
|
-
max-height:
|
|
54
|
+
max-height: $pre-scrollable-max-height;
|
|
60
55
|
overflow-y: scroll;
|
|
61
56
|
}
|
|
@@ -2,6 +2,10 @@
|
|
|
2
2
|
// Component animations
|
|
3
3
|
// --------------------------------------------------
|
|
4
4
|
|
|
5
|
+
// Heads up!
|
|
6
|
+
//
|
|
7
|
+
// We don't use the `.opacity()` mixin here since it causes a bug with text
|
|
8
|
+
// fields in IE7-8. Source: https://github.com/twitter/bootstrap/pull/3552.
|
|
5
9
|
|
|
6
10
|
.fade {
|
|
7
11
|
opacity: 0;
|
|
@@ -12,11 +16,14 @@
|
|
|
12
16
|
}
|
|
13
17
|
|
|
14
18
|
.collapse {
|
|
19
|
+
display: none;
|
|
20
|
+
&.in {
|
|
21
|
+
display: block;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
.collapsing {
|
|
15
25
|
position: relative;
|
|
16
26
|
height: 0;
|
|
17
27
|
overflow: hidden;
|
|
18
28
|
@include transition(height .35s ease);
|
|
19
|
-
&.in {
|
|
20
|
-
height: auto;
|
|
21
|
-
}
|
|
22
29
|
}
|
|
@@ -3,62 +3,51 @@
|
|
|
3
3
|
// --------------------------------------------------
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
// Use the .menu class on any <li> element within the topbar or ul.tabs and you'll get some superfancy dropdowns
|
|
7
|
-
.dropup,
|
|
8
|
-
.dropdown {
|
|
9
|
-
position: relative;
|
|
10
|
-
}
|
|
11
|
-
.dropdown-toggle {
|
|
12
|
-
// The caret makes the toggle a bit too tall in IE7
|
|
13
|
-
*margin-bottom: -3px;
|
|
14
|
-
}
|
|
15
|
-
.dropdown-toggle:active,
|
|
16
|
-
.open .dropdown-toggle {
|
|
17
|
-
outline: 0;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
6
|
// Dropdown arrow/caret
|
|
21
|
-
// --------------------
|
|
22
7
|
.caret {
|
|
23
8
|
display: inline-block;
|
|
24
9
|
width: 0;
|
|
25
10
|
height: 0;
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
border-
|
|
29
|
-
border-
|
|
11
|
+
margin-left: 2px;
|
|
12
|
+
vertical-align: middle;
|
|
13
|
+
border-top: $caret-width-base solid $dropdown-caret-color;
|
|
14
|
+
border-right: $caret-width-base solid transparent;
|
|
15
|
+
border-left: $caret-width-base solid transparent;
|
|
16
|
+
// Firefox fix for https://github.com/twbs/bootstrap/issues/9538. Once fixed,
|
|
17
|
+
// we can just straight up remove this.
|
|
18
|
+
border-bottom: 0 dotted;
|
|
30
19
|
content: "";
|
|
31
20
|
}
|
|
32
21
|
|
|
33
|
-
//
|
|
34
|
-
.dropdown
|
|
35
|
-
|
|
36
|
-
|
|
22
|
+
// The dropdown wrapper (div)
|
|
23
|
+
.dropdown {
|
|
24
|
+
position: relative;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
// Prevent the focus on the dropdown toggle when closing dropdowns
|
|
28
|
+
.dropdown-toggle:focus {
|
|
29
|
+
outline: 0;
|
|
37
30
|
}
|
|
38
31
|
|
|
39
32
|
// The dropdown menu (ul)
|
|
40
|
-
// ----------------------
|
|
41
33
|
.dropdown-menu {
|
|
42
34
|
position: absolute;
|
|
43
35
|
top: 100%;
|
|
44
36
|
left: 0;
|
|
45
|
-
z-index: $
|
|
37
|
+
z-index: $zindex-dropdown;
|
|
46
38
|
display: none; // none by default, but block on "open" of the menu
|
|
47
39
|
float: left;
|
|
48
40
|
min-width: 160px;
|
|
49
41
|
padding: 5px 0;
|
|
50
42
|
margin: 2px 0 0; // override default ul
|
|
51
43
|
list-style: none;
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
border: 1px solid $
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
@include
|
|
58
|
-
|
|
59
|
-
-webkit-background-clip: padding-box;
|
|
60
|
-
-moz-background-clip: padding;
|
|
61
|
-
background-clip: padding-box;
|
|
44
|
+
font-size: $font-size-base;
|
|
45
|
+
background-color: $dropdown-bg;
|
|
46
|
+
border: 1px solid $dropdown-fallback-border; // IE8 fallback
|
|
47
|
+
border: 1px solid $dropdown-border;
|
|
48
|
+
border-radius: $border-radius-base;
|
|
49
|
+
@include box-shadow(0 6px 12px rgba(0,0,0,.175));
|
|
50
|
+
background-clip: padding-box;
|
|
62
51
|
|
|
63
52
|
// Aligns the dropdown menu to right
|
|
64
53
|
&.pull-right {
|
|
@@ -68,7 +57,7 @@
|
|
|
68
57
|
|
|
69
58
|
// Dividers (basically an hr) within the dropdown
|
|
70
59
|
.divider {
|
|
71
|
-
@include nav-divider($
|
|
60
|
+
@include nav-divider($dropdown-divider-bg);
|
|
72
61
|
}
|
|
73
62
|
|
|
74
63
|
// Links within the dropdown menu
|
|
@@ -77,92 +66,108 @@
|
|
|
77
66
|
padding: 3px 20px;
|
|
78
67
|
clear: both;
|
|
79
68
|
font-weight: normal;
|
|
80
|
-
line-height: $
|
|
81
|
-
color: $
|
|
82
|
-
white-space: nowrap;
|
|
69
|
+
line-height: $line-height-base;
|
|
70
|
+
color: $dropdown-link-color;
|
|
71
|
+
white-space: nowrap; // prevent links from randomly breaking onto new lines
|
|
83
72
|
}
|
|
84
73
|
}
|
|
85
74
|
|
|
86
75
|
// Hover/Focus state
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
@include gradient-vertical($dropdownLinkBackgroundHover, darken($dropdownLinkBackgroundHover, 5%));
|
|
76
|
+
.dropdown-menu > li > a {
|
|
77
|
+
&:hover,
|
|
78
|
+
&:focus {
|
|
79
|
+
text-decoration: none;
|
|
80
|
+
color: $dropdown-link-hover-color;
|
|
81
|
+
background-color: $dropdown-link-hover-bg;
|
|
82
|
+
}
|
|
95
83
|
}
|
|
96
84
|
|
|
97
85
|
// Active state
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
86
|
+
.dropdown-menu > .active > a {
|
|
87
|
+
&,
|
|
88
|
+
&:hover,
|
|
89
|
+
&:focus {
|
|
90
|
+
color: $dropdown-link-active-color;
|
|
91
|
+
text-decoration: none;
|
|
92
|
+
outline: 0;
|
|
93
|
+
background-color: $dropdown-link-active-bg;
|
|
94
|
+
}
|
|
106
95
|
}
|
|
107
96
|
|
|
108
97
|
// Disabled state
|
|
109
|
-
//
|
|
98
|
+
//
|
|
110
99
|
// Gray out text and ensure the hover/focus state remains gray
|
|
111
|
-
|
|
112
|
-
.dropdown-menu > .disabled > a
|
|
113
|
-
|
|
114
|
-
|
|
100
|
+
|
|
101
|
+
.dropdown-menu > .disabled > a {
|
|
102
|
+
&,
|
|
103
|
+
&:hover,
|
|
104
|
+
&:focus {
|
|
105
|
+
color: $dropdown-link-disabled-color;
|
|
106
|
+
}
|
|
115
107
|
}
|
|
116
108
|
// Nuke hover/focus effects
|
|
117
|
-
.dropdown-menu > .disabled > a
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
109
|
+
.dropdown-menu > .disabled > a {
|
|
110
|
+
&:hover,
|
|
111
|
+
&:focus {
|
|
112
|
+
text-decoration: none;
|
|
113
|
+
background-color: transparent;
|
|
114
|
+
background-image: none; // Remove CSS gradient
|
|
115
|
+
@include reset-filter();
|
|
116
|
+
cursor: not-allowed;
|
|
117
|
+
}
|
|
124
118
|
}
|
|
125
119
|
|
|
126
120
|
// Open state for the dropdown
|
|
127
|
-
// ---------------------------
|
|
128
121
|
.open {
|
|
129
|
-
//
|
|
130
|
-
|
|
131
|
-
*z-index: $zindexDropdown;
|
|
132
|
-
|
|
133
|
-
& > .dropdown-menu {
|
|
122
|
+
// Show the menu
|
|
123
|
+
> .dropdown-menu {
|
|
134
124
|
display: block;
|
|
135
125
|
}
|
|
126
|
+
|
|
127
|
+
// Remove the outline when :focus is triggered
|
|
128
|
+
> a {
|
|
129
|
+
outline: 0;
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
// Dropdown section headers
|
|
134
|
+
.dropdown-header {
|
|
135
|
+
display: block;
|
|
136
|
+
padding: 3px 20px;
|
|
137
|
+
font-size: $font-size-small;
|
|
138
|
+
line-height: $line-height-base;
|
|
139
|
+
color: $dropdown-header-color;
|
|
136
140
|
}
|
|
137
141
|
|
|
138
142
|
// Backdrop to catch body clicks on mobile, etc.
|
|
139
|
-
// ---------------------------
|
|
140
143
|
.dropdown-backdrop {
|
|
141
144
|
position: fixed;
|
|
142
145
|
left: 0;
|
|
143
146
|
right: 0;
|
|
144
147
|
bottom: 0;
|
|
145
148
|
top: 0;
|
|
146
|
-
z-index: $
|
|
149
|
+
z-index: $zindex-dropdown - 10;
|
|
147
150
|
}
|
|
148
151
|
|
|
149
152
|
// Right aligned dropdowns
|
|
150
|
-
// ---------------------------
|
|
151
153
|
.pull-right > .dropdown-menu {
|
|
152
154
|
right: 0;
|
|
153
155
|
left: auto;
|
|
154
156
|
}
|
|
155
157
|
|
|
156
158
|
// Allow for dropdowns to go bottom up (aka, dropup-menu)
|
|
157
|
-
//
|
|
159
|
+
//
|
|
158
160
|
// Just add .dropup after the standard .dropdown class and you're set, bro.
|
|
159
161
|
// TODO: abstract this so that the navbar fixed styles are not placed here?
|
|
162
|
+
|
|
160
163
|
.dropup,
|
|
161
164
|
.navbar-fixed-bottom .dropdown {
|
|
162
165
|
// Reverse the caret
|
|
163
166
|
.caret {
|
|
164
|
-
|
|
165
|
-
border-
|
|
167
|
+
// Firefox fix for https://github.com/twbs/bootstrap/issues/9538. Once this
|
|
168
|
+
// gets fixed, restore `border-top: 0;`.
|
|
169
|
+
border-top: 0 dotted;
|
|
170
|
+
border-bottom: 4px solid $dropdown-caret-color;
|
|
166
171
|
content: "";
|
|
167
172
|
}
|
|
168
173
|
// Different positioning for bottom up menu
|
|
@@ -173,76 +178,17 @@
|
|
|
173
178
|
}
|
|
174
179
|
}
|
|
175
180
|
|
|
176
|
-
// Sub menus
|
|
177
|
-
// ---------------------------
|
|
178
|
-
.dropdown-submenu {
|
|
179
|
-
position: relative;
|
|
180
|
-
}
|
|
181
|
-
// Default dropdowns
|
|
182
|
-
.dropdown-submenu > .dropdown-menu {
|
|
183
|
-
top: 0;
|
|
184
|
-
left: 100%;
|
|
185
|
-
margin-top: -6px;
|
|
186
|
-
margin-left: -1px;
|
|
187
|
-
@include border-radius(0 6px 6px 6px);
|
|
188
|
-
}
|
|
189
|
-
.dropdown-submenu:hover > .dropdown-menu {
|
|
190
|
-
display: block;
|
|
191
|
-
}
|
|
192
|
-
|
|
193
|
-
// Dropups
|
|
194
|
-
.dropup .dropdown-submenu > .dropdown-menu {
|
|
195
|
-
top: auto;
|
|
196
|
-
bottom: 0;
|
|
197
|
-
margin-top: 0;
|
|
198
|
-
margin-bottom: -2px;
|
|
199
|
-
@include border-radius(5px 5px 5px 0);
|
|
200
|
-
}
|
|
201
|
-
|
|
202
|
-
// Caret to indicate there is a submenu
|
|
203
|
-
.dropdown-submenu > a:after {
|
|
204
|
-
display: block;
|
|
205
|
-
content: " ";
|
|
206
|
-
float: right;
|
|
207
|
-
width: 0;
|
|
208
|
-
height: 0;
|
|
209
|
-
border-color: transparent;
|
|
210
|
-
border-style: solid;
|
|
211
|
-
border-width: 5px 0 5px 5px;
|
|
212
|
-
border-left-color: darken($dropdownBackground, 20%);
|
|
213
|
-
margin-top: 5px;
|
|
214
|
-
margin-right: -10px;
|
|
215
|
-
}
|
|
216
|
-
.dropdown-submenu:hover > a:after {
|
|
217
|
-
border-left-color: $dropdownLinkColorHover;
|
|
218
|
-
}
|
|
219
181
|
|
|
220
|
-
//
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
@include border-radius(6px 0 6px 6px);
|
|
182
|
+
// Component alignment
|
|
183
|
+
//
|
|
184
|
+
// Reiterate per navbar.less and the modified component alignment there.
|
|
185
|
+
|
|
186
|
+
@media (min-width: $grid-float-breakpoint) {
|
|
187
|
+
.navbar-right {
|
|
188
|
+
.dropdown-menu {
|
|
189
|
+
right: 0;
|
|
190
|
+
left: auto;
|
|
191
|
+
}
|
|
231
192
|
}
|
|
232
193
|
}
|
|
233
194
|
|
|
234
|
-
// Tweak nav headers
|
|
235
|
-
// -----------------
|
|
236
|
-
// Increase padding from 15px to 20px on sides
|
|
237
|
-
.dropdown .dropdown-menu .nav-header {
|
|
238
|
-
padding-left: 20px;
|
|
239
|
-
padding-right: 20px;
|
|
240
|
-
}
|
|
241
|
-
|
|
242
|
-
// Typeahead
|
|
243
|
-
// ---------
|
|
244
|
-
.typeahead {
|
|
245
|
-
z-index: 1051;
|
|
246
|
-
margin-top: 2px; // give it some space to breathe
|
|
247
|
-
@include border-radius($baseBorderRadius);
|
|
248
|
-
}
|