apx-docs-theme 0.1.7 → 0.1.15

Sign up to get free protection for your applications and to get access to all the features.
Files changed (156) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/footer.html +8 -9
  3. data/_includes/head.html +20 -9
  4. data/_includes/js_files.html +21 -3
  5. data/_includes/navbar.html +28 -0
  6. data/_includes/sidebar.html +43 -0
  7. data/_layouts/default.html +10 -10
  8. data/_layouts/docs.html +12 -20
  9. data/_sass/bootstrap/_alert.scss +51 -0
  10. data/_sass/bootstrap/_badge.scss +53 -0
  11. data/_sass/bootstrap/_breadcrumb.scss +41 -0
  12. data/_sass/bootstrap/_button-group.scss +163 -0
  13. data/_sass/bootstrap/_buttons.scss +73 -101
  14. data/_sass/bootstrap/_card.scss +310 -0
  15. data/_sass/bootstrap/_carousel.scss +130 -202
  16. data/_sass/bootstrap/_close.scss +23 -15
  17. data/_sass/bootstrap/_code.scss +15 -36
  18. data/_sass/bootstrap/_custom-forms.scss +507 -0
  19. data/_sass/bootstrap/_dropdown.scss +191 -0
  20. data/_sass/bootstrap/_forms.scss +215 -498
  21. data/_sass/bootstrap/_functions.scss +86 -0
  22. data/_sass/bootstrap/_grid.scss +29 -61
  23. data/_sass/bootstrap/_images.scss +42 -0
  24. data/_sass/bootstrap/_input-group.scss +193 -0
  25. data/_sass/bootstrap/_jumbotron.scss +9 -47
  26. data/_sass/bootstrap/_list-group.scss +70 -79
  27. data/_sass/bootstrap/_media.scss +3 -61
  28. data/_sass/bootstrap/_mixins.scss +19 -18
  29. data/_sass/bootstrap/_modal.scss +186 -0
  30. data/_sass/bootstrap/_nav.scss +120 -0
  31. data/_sass/bootstrap/_navbar.scss +192 -555
  32. data/_sass/bootstrap/_pagination.scss +59 -70
  33. data/_sass/bootstrap/_popover.scss +183 -0
  34. data/_sass/bootstrap/_print.scss +89 -49
  35. data/_sass/bootstrap/_progress.scss +34 -0
  36. data/_sass/bootstrap/_reboot.scss +462 -0
  37. data/_sass/bootstrap/_root.scss +19 -0
  38. data/_sass/bootstrap/_spinners.scss +53 -0
  39. data/_sass/bootstrap/_tables.scss +119 -166
  40. data/_sass/bootstrap/_toasts.scss +43 -0
  41. data/_sass/bootstrap/_tooltip.scss +93 -79
  42. data/_sass/bootstrap/_transitions.scss +22 -0
  43. data/_sass/bootstrap/_type.scss +66 -239
  44. data/_sass/bootstrap/_utilities.scss +16 -55
  45. data/_sass/bootstrap/_variables.scss +926 -709
  46. data/_sass/bootstrap/bootstrap-grid.scss +29 -0
  47. data/_sass/bootstrap/bootstrap-reboot.scss +12 -0
  48. data/_sass/bootstrap/bootstrap.scss +44 -0
  49. data/_sass/bootstrap/mixins/_alert.scss +13 -0
  50. data/_sass/bootstrap/mixins/_background-variant.scss +14 -5
  51. data/_sass/bootstrap/mixins/_badge.scss +11 -0
  52. data/_sass/bootstrap/mixins/_border-radius.scss +25 -8
  53. data/_sass/bootstrap/mixins/_box-shadow.scss +5 -0
  54. data/_sass/bootstrap/mixins/_breakpoints.scss +123 -0
  55. data/_sass/bootstrap/mixins/_buttons.scss +86 -40
  56. data/_sass/bootstrap/mixins/_caret.scss +62 -0
  57. data/_sass/bootstrap/mixins/_clearfix.scss +3 -18
  58. data/_sass/bootstrap/mixins/_float.scss +11 -0
  59. data/_sass/bootstrap/mixins/_forms.scss +176 -66
  60. data/_sass/bootstrap/mixins/_gradients.scss +17 -30
  61. data/_sass/bootstrap/mixins/_grid-framework.scss +51 -66
  62. data/_sass/bootstrap/mixins/_grid.scss +34 -105
  63. data/_sass/bootstrap/mixins/_hover.scss +37 -0
  64. data/_sass/bootstrap/mixins/_image.scss +18 -15
  65. data/_sass/bootstrap/mixins/_list-group.scss +10 -21
  66. data/_sass/bootstrap/mixins/_lists.scss +7 -0
  67. data/_sass/bootstrap/mixins/_nav-divider.scss +4 -4
  68. data/_sass/bootstrap/mixins/_pagination.scss +10 -12
  69. data/_sass/bootstrap/mixins/_reset-text.scss +7 -8
  70. data/_sass/bootstrap/mixins/_resize.scss +1 -1
  71. data/_sass/bootstrap/mixins/_screen-reader.scss +33 -0
  72. data/_sass/bootstrap/mixins/_size.scss +1 -5
  73. data/_sass/bootstrap/mixins/_table-row.scss +26 -15
  74. data/_sass/bootstrap/mixins/_text-emphasis.scss +7 -5
  75. data/_sass/bootstrap/mixins/_text-hide.scss +13 -0
  76. data/_sass/bootstrap/mixins/{_text-overflow.scss → _text-truncate.scss} +2 -2
  77. data/_sass/bootstrap/mixins/_transition.scss +16 -0
  78. data/_sass/bootstrap/mixins/_visibility.scss +7 -0
  79. data/_sass/bootstrap/utilities/_align.scss +8 -0
  80. data/_sass/bootstrap/utilities/_background.scss +19 -0
  81. data/_sass/bootstrap/utilities/_borders.scss +63 -0
  82. data/_sass/bootstrap/utilities/_clearfix.scss +3 -0
  83. data/_sass/bootstrap/utilities/_display.scss +38 -0
  84. data/_sass/bootstrap/utilities/_embed.scss +39 -0
  85. data/_sass/bootstrap/utilities/_flex.scss +51 -0
  86. data/_sass/bootstrap/utilities/_float.scss +9 -0
  87. data/_sass/bootstrap/utilities/_overflow.scss +5 -0
  88. data/_sass/bootstrap/utilities/_position.scss +32 -0
  89. data/_sass/bootstrap/utilities/_screenreaders.scss +11 -0
  90. data/_sass/bootstrap/utilities/_shadows.scss +6 -0
  91. data/_sass/bootstrap/utilities/_sizing.scss +20 -0
  92. data/_sass/bootstrap/utilities/_spacing.scss +73 -0
  93. data/_sass/bootstrap/utilities/_text.scss +67 -0
  94. data/_sass/bootstrap/utilities/_visibility.scss +11 -0
  95. data/_sass/markdown/code.scss +65 -0
  96. data/_sass/markdown/color-system.scss +114 -0
  97. data/_sass/markdown/images.scss +119 -0
  98. data/_sass/markdown/markdown-body.scss +103 -0
  99. data/_sass/markdown/markdown.scss +15 -0
  100. data/_sass/rouge.scss +209 -0
  101. data/_sass/theme.scss +35 -0
  102. data/_sass/{_typeahead.scss → typeahead.scss} +0 -0
  103. data/assets/css/main.scss +1 -90
  104. data/assets/img/{bg.jpg → jumbotron.jpg} +0 -0
  105. data/assets/js/bootstrap.min.js +6 -6
  106. data/assets/js/jquery-3.3.1.min.js +2 -0
  107. data/assets/js/main.js +2 -1
  108. data/assets/js/search.json +11 -0
  109. data/assets/js/typeahead.bundle.js +2621 -0
  110. data/assets/js/typeahead.bundle.min.js +4 -4
  111. metadata +81 -50
  112. data/_includes/pages_nav.html +0 -40
  113. data/_includes/topnav.html +0 -37
  114. data/_sass/_bootstrap.scss +0 -56
  115. data/_sass/_syntax-highlighting.scss +0 -71
  116. data/_sass/bootstrap/_alerts.scss +0 -73
  117. data/_sass/bootstrap/_badges.scss +0 -68
  118. data/_sass/bootstrap/_breadcrumbs.scss +0 -28
  119. data/_sass/bootstrap/_button-groups.scss +0 -244
  120. data/_sass/bootstrap/_component-animations.scss +0 -37
  121. data/_sass/bootstrap/_dropdowns.scss +0 -216
  122. data/_sass/bootstrap/_glyphicons.scss +0 -307
  123. data/_sass/bootstrap/_input-groups.scss +0 -171
  124. data/_sass/bootstrap/_labels.scss +0 -66
  125. data/_sass/bootstrap/_modals.scss +0 -150
  126. data/_sass/bootstrap/_navs.scss +0 -242
  127. data/_sass/bootstrap/_normalize.scss +0 -424
  128. data/_sass/bootstrap/_pager.scss +0 -54
  129. data/_sass/bootstrap/_panels.scss +0 -271
  130. data/_sass/bootstrap/_popovers.scss +0 -131
  131. data/_sass/bootstrap/_progress-bars.scss +0 -87
  132. data/_sass/bootstrap/_responsive-embed.scss +0 -35
  133. data/_sass/bootstrap/_responsive-utilities.scss +0 -179
  134. data/_sass/bootstrap/_scaffolding.scss +0 -161
  135. data/_sass/bootstrap/_theme.scss +0 -291
  136. data/_sass/bootstrap/_thumbnails.scss +0 -38
  137. data/_sass/bootstrap/_wells.scss +0 -29
  138. data/_sass/bootstrap/mixins/_alerts.scss +0 -14
  139. data/_sass/bootstrap/mixins/_center-block.scss +0 -7
  140. data/_sass/bootstrap/mixins/_hide-text.scss +0 -21
  141. data/_sass/bootstrap/mixins/_labels.scss +0 -12
  142. data/_sass/bootstrap/mixins/_nav-vertical-align.scss +0 -9
  143. data/_sass/bootstrap/mixins/_opacity.scss +0 -8
  144. data/_sass/bootstrap/mixins/_panels.scss +0 -24
  145. data/_sass/bootstrap/mixins/_progress-bar.scss +0 -10
  146. data/_sass/bootstrap/mixins/_reset-filter.scss +0 -8
  147. data/_sass/bootstrap/mixins/_responsive-visibility.scss +0 -21
  148. data/_sass/bootstrap/mixins/_tab-focus.scss +0 -9
  149. data/_sass/bootstrap/mixins/_vendor-prefixes.scss +0 -222
  150. data/assets/css/font-awesome.min.css +0 -4
  151. data/assets/fonts/FontAwesome.otf +0 -0
  152. data/assets/fonts/fontawesome-webfont.eot +0 -0
  153. data/assets/fonts/fontawesome-webfont.svg +0 -2671
  154. data/assets/fonts/fontawesome-webfont.ttf +0 -0
  155. data/assets/fonts/fontawesome-webfont.woff +0 -0
  156. data/assets/fonts/fontawesome-webfont.woff2 +0 -0
@@ -1,68 +0,0 @@
1
- //
2
- // Badges
3
- // --------------------------------------------------
4
-
5
-
6
- // Base class
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: middle;
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
- // Quick fix for badges in buttons
27
- .btn & {
28
- position: relative;
29
- top: -1px;
30
- }
31
-
32
- .btn-xs &,
33
- .btn-group-xs > .btn & {
34
- top: 0;
35
- padding: 1px 5px;
36
- }
37
-
38
- // [converter] extracted a& to a.badge
39
-
40
- // Account for badges in navs
41
- .list-group-item.active > &,
42
- .nav-pills > .active > a > & {
43
- color: $badge-active-color;
44
- background-color: $badge-active-bg;
45
- }
46
-
47
- .list-group-item > & {
48
- float: right;
49
- }
50
-
51
- .list-group-item > & + & {
52
- margin-right: 5px;
53
- }
54
-
55
- .nav-pills > li > a > & {
56
- margin-left: 3px;
57
- }
58
- }
59
-
60
- // Hover state, but only for links
61
- a.badge {
62
- &:hover,
63
- &:focus {
64
- color: $badge-link-hover-color;
65
- text-decoration: none;
66
- cursor: pointer;
67
- }
68
- }
@@ -1,28 +0,0 @@
1
- //
2
- // Breadcrumbs
3
- // --------------------------------------------------
4
-
5
-
6
- .breadcrumb {
7
- padding: $breadcrumb-padding-vertical $breadcrumb-padding-horizontal;
8
- margin-bottom: $line-height-computed;
9
- list-style: none;
10
- background-color: $breadcrumb-bg;
11
- border-radius: $border-radius-base;
12
-
13
- > li {
14
- display: inline-block;
15
-
16
- + li:before {
17
- // [converter] Workaround for https://github.com/sass/libsass/issues/1115
18
- $nbsp: "\00a0";
19
- content: "#{$breadcrumb-separator}#{$nbsp}"; // Unicode space added since inline-block means non-collapsing white-space
20
- padding: 0 5px;
21
- color: $breadcrumb-color;
22
- }
23
- }
24
-
25
- > .active {
26
- color: $breadcrumb-active-color;
27
- }
28
- }
@@ -1,244 +0,0 @@
1
- //
2
- // Button groups
3
- // --------------------------------------------------
4
-
5
- // Make the div behave like a button
6
- .btn-group,
7
- .btn-group-vertical {
8
- position: relative;
9
- display: inline-block;
10
- vertical-align: middle; // match .btn alignment given font-size hack above
11
- > .btn {
12
- position: relative;
13
- float: left;
14
- // Bring the "active" button to the front
15
- &:hover,
16
- &:focus,
17
- &:active,
18
- &.active {
19
- z-index: 2;
20
- }
21
- }
22
- }
23
-
24
- // Prevent double borders when buttons are next to each other
25
- .btn-group {
26
- .btn + .btn,
27
- .btn + .btn-group,
28
- .btn-group + .btn,
29
- .btn-group + .btn-group {
30
- margin-left: -1px;
31
- }
32
- }
33
-
34
- // Optional: Group multiple button groups together for a toolbar
35
- .btn-toolbar {
36
- margin-left: -5px; // Offset the first child's margin
37
- @include clearfix;
38
-
39
- .btn,
40
- .btn-group,
41
- .input-group {
42
- float: left;
43
- }
44
- > .btn,
45
- > .btn-group,
46
- > .input-group {
47
- margin-left: 5px;
48
- }
49
- }
50
-
51
- .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
52
- border-radius: 0;
53
- }
54
-
55
- // 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
56
- .btn-group > .btn:first-child {
57
- margin-left: 0;
58
- &:not(:last-child):not(.dropdown-toggle) {
59
- @include border-right-radius(0);
60
- }
61
- }
62
- // Need .dropdown-toggle since :last-child doesn't apply, given that a .dropdown-menu is used immediately after it
63
- .btn-group > .btn:last-child:not(:first-child),
64
- .btn-group > .dropdown-toggle:not(:first-child) {
65
- @include border-left-radius(0);
66
- }
67
-
68
- // Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group)
69
- .btn-group > .btn-group {
70
- float: left;
71
- }
72
- .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
73
- border-radius: 0;
74
- }
75
- .btn-group > .btn-group:first-child:not(:last-child) {
76
- > .btn:last-child,
77
- > .dropdown-toggle {
78
- @include border-right-radius(0);
79
- }
80
- }
81
- .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
82
- @include border-left-radius(0);
83
- }
84
-
85
- // On active and open, don't show outline
86
- .btn-group .dropdown-toggle:active,
87
- .btn-group.open .dropdown-toggle {
88
- outline: 0;
89
- }
90
-
91
-
92
- // Sizing
93
- //
94
- // Remix the default button sizing classes into new ones for easier manipulation.
95
-
96
- .btn-group-xs > .btn { @extend .btn-xs; }
97
- .btn-group-sm > .btn { @extend .btn-sm; }
98
- .btn-group-lg > .btn { @extend .btn-lg; }
99
-
100
-
101
- // Split button dropdowns
102
- // ----------------------
103
-
104
- // Give the line between buttons some depth
105
- .btn-group > .btn + .dropdown-toggle {
106
- padding-left: 8px;
107
- padding-right: 8px;
108
- }
109
- .btn-group > .btn-lg + .dropdown-toggle {
110
- padding-left: 12px;
111
- padding-right: 12px;
112
- }
113
-
114
- // The clickable button for toggling the menu
115
- // Remove the gradient and set the same inset shadow as the :active state
116
- .btn-group.open .dropdown-toggle {
117
- @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
118
-
119
- // Show no shadow for `.btn-link` since it has no other button styles.
120
- &.btn-link {
121
- @include box-shadow(none);
122
- }
123
- }
124
-
125
-
126
- // Reposition the caret
127
- .btn .caret {
128
- margin-left: 0;
129
- }
130
- // Carets in other button sizes
131
- .btn-lg .caret {
132
- border-width: $caret-width-large $caret-width-large 0;
133
- border-bottom-width: 0;
134
- }
135
- // Upside down carets for .dropup
136
- .dropup .btn-lg .caret {
137
- border-width: 0 $caret-width-large $caret-width-large;
138
- }
139
-
140
-
141
- // Vertical button groups
142
- // ----------------------
143
-
144
- .btn-group-vertical {
145
- > .btn,
146
- > .btn-group,
147
- > .btn-group > .btn {
148
- display: block;
149
- float: none;
150
- width: 100%;
151
- max-width: 100%;
152
- }
153
-
154
- // Clear floats so dropdown menus can be properly placed
155
- > .btn-group {
156
- @include clearfix;
157
- > .btn {
158
- float: none;
159
- }
160
- }
161
-
162
- > .btn + .btn,
163
- > .btn + .btn-group,
164
- > .btn-group + .btn,
165
- > .btn-group + .btn-group {
166
- margin-top: -1px;
167
- margin-left: 0;
168
- }
169
- }
170
-
171
- .btn-group-vertical > .btn {
172
- &:not(:first-child):not(:last-child) {
173
- border-radius: 0;
174
- }
175
- &:first-child:not(:last-child) {
176
- @include border-top-radius($btn-border-radius-base);
177
- @include border-bottom-radius(0);
178
- }
179
- &:last-child:not(:first-child) {
180
- @include border-top-radius(0);
181
- @include border-bottom-radius($btn-border-radius-base);
182
- }
183
- }
184
- .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
185
- border-radius: 0;
186
- }
187
- .btn-group-vertical > .btn-group:first-child:not(:last-child) {
188
- > .btn:last-child,
189
- > .dropdown-toggle {
190
- @include border-bottom-radius(0);
191
- }
192
- }
193
- .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
194
- @include border-top-radius(0);
195
- }
196
-
197
-
198
- // Justified button groups
199
- // ----------------------
200
-
201
- .btn-group-justified {
202
- display: table;
203
- width: 100%;
204
- table-layout: fixed;
205
- border-collapse: separate;
206
- > .btn,
207
- > .btn-group {
208
- float: none;
209
- display: table-cell;
210
- width: 1%;
211
- }
212
- > .btn-group .btn {
213
- width: 100%;
214
- }
215
-
216
- > .btn-group .dropdown-menu {
217
- left: auto;
218
- }
219
- }
220
-
221
-
222
- // Checkbox and radio options
223
- //
224
- // In order to support the browser's form validation feedback, powered by the
225
- // `required` attribute, we have to "hide" the inputs via `clip`. We cannot use
226
- // `display: none;` or `visibility: hidden;` as that also hides the popover.
227
- // Simply visually hiding the inputs via `opacity` would leave them clickable in
228
- // certain cases which is prevented by using `clip` and `pointer-events`.
229
- // This way, we ensure a DOM element is visible to position the popover from.
230
- //
231
- // See https://github.com/twbs/bootstrap/pull/12794 and
232
- // https://github.com/twbs/bootstrap/pull/14559 for more information.
233
-
234
- [data-toggle="buttons"] {
235
- > .btn,
236
- > .btn-group > .btn {
237
- input[type="radio"],
238
- input[type="checkbox"] {
239
- position: absolute;
240
- clip: rect(0,0,0,0);
241
- pointer-events: none;
242
- }
243
- }
244
- }
@@ -1,37 +0,0 @@
1
- //
2
- // Component animations
3
- // --------------------------------------------------
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/twbs/bootstrap/pull/3552.
9
-
10
- .fade {
11
- opacity: 0;
12
- @include transition(opacity .15s linear);
13
- &.in {
14
- opacity: 1;
15
- }
16
- }
17
-
18
- .collapse {
19
- display: none;
20
-
21
- &.in { display: block; }
22
- // [converter] extracted tr&.in to tr.collapse.in
23
- // [converter] extracted tbody&.in to tbody.collapse.in
24
- }
25
-
26
- tr.collapse.in { display: table-row; }
27
-
28
- tbody.collapse.in { display: table-row-group; }
29
-
30
- .collapsing {
31
- position: relative;
32
- height: 0;
33
- overflow: hidden;
34
- @include transition-property(height, visibility);
35
- @include transition-duration(.35s);
36
- @include transition-timing-function(ease);
37
- }
@@ -1,216 +0,0 @@
1
- //
2
- // Dropdown menus
3
- // --------------------------------------------------
4
-
5
-
6
- // Dropdown arrow/caret
7
- .caret {
8
- display: inline-block;
9
- width: 0;
10
- height: 0;
11
- margin-left: 2px;
12
- vertical-align: middle;
13
- border-top: $caret-width-base dashed;
14
- border-top: $caret-width-base solid \9; // IE8
15
- border-right: $caret-width-base solid transparent;
16
- border-left: $caret-width-base solid transparent;
17
- }
18
-
19
- // The dropdown wrapper (div)
20
- .dropup,
21
- .dropdown {
22
- position: relative;
23
- }
24
-
25
- // Prevent the focus on the dropdown toggle when closing dropdowns
26
- .dropdown-toggle:focus {
27
- outline: 0;
28
- }
29
-
30
- // The dropdown menu (ul)
31
- .dropdown-menu {
32
- position: absolute;
33
- top: 100%;
34
- left: 0;
35
- z-index: $zindex-dropdown;
36
- display: none; // none by default, but block on "open" of the menu
37
- float: left;
38
- min-width: 160px;
39
- padding: 5px 0;
40
- margin: 2px 0 0; // override default ul
41
- list-style: none;
42
- font-size: $font-size-base;
43
- text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
44
- background-color: $dropdown-bg;
45
- border: 1px solid $dropdown-fallback-border; // IE8 fallback
46
- border: 1px solid $dropdown-border;
47
- border-radius: $border-radius-base;
48
- @include box-shadow(0 6px 12px rgba(0,0,0,.175));
49
- background-clip: padding-box;
50
-
51
- // Aligns the dropdown menu to right
52
- //
53
- // Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]`
54
- &.pull-right {
55
- right: 0;
56
- left: auto;
57
- }
58
-
59
- // Dividers (basically an hr) within the dropdown
60
- .divider {
61
- @include nav-divider($dropdown-divider-bg);
62
- }
63
-
64
- // Links within the dropdown menu
65
- > li > a {
66
- display: block;
67
- padding: 3px 20px;
68
- clear: both;
69
- font-weight: normal;
70
- line-height: $line-height-base;
71
- color: $dropdown-link-color;
72
- white-space: nowrap; // prevent links from randomly breaking onto new lines
73
- }
74
- }
75
-
76
- // Hover/Focus state
77
- .dropdown-menu > li > a {
78
- &:hover,
79
- &:focus {
80
- text-decoration: none;
81
- color: $dropdown-link-hover-color;
82
- background-color: $dropdown-link-hover-bg;
83
- }
84
- }
85
-
86
- // Active state
87
- .dropdown-menu > .active > a {
88
- &,
89
- &:hover,
90
- &:focus {
91
- color: $dropdown-link-active-color;
92
- text-decoration: none;
93
- outline: 0;
94
- background-color: $dropdown-link-active-bg;
95
- }
96
- }
97
-
98
- // Disabled state
99
- //
100
- // Gray out text and ensure the hover/focus state remains gray
101
-
102
- .dropdown-menu > .disabled > a {
103
- &,
104
- &:hover,
105
- &:focus {
106
- color: $dropdown-link-disabled-color;
107
- }
108
-
109
- // Nuke hover/focus effects
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: $cursor-disabled;
117
- }
118
- }
119
-
120
- // Open state for the dropdown
121
- .open {
122
- // Show the menu
123
- > .dropdown-menu {
124
- display: block;
125
- }
126
-
127
- // Remove the outline when :focus is triggered
128
- > a {
129
- outline: 0;
130
- }
131
- }
132
-
133
- // Menu positioning
134
- //
135
- // Add extra class to `.dropdown-menu` to flip the alignment of the dropdown
136
- // menu with the parent.
137
- .dropdown-menu-right {
138
- left: auto; // Reset the default from `.dropdown-menu`
139
- right: 0;
140
- }
141
- // With v3, we enabled auto-flipping if you have a dropdown within a right
142
- // aligned nav component. To enable the undoing of that, we provide an override
143
- // to restore the default dropdown menu alignment.
144
- //
145
- // This is only for left-aligning a dropdown menu within a `.navbar-right` or
146
- // `.pull-right` nav component.
147
- .dropdown-menu-left {
148
- left: 0;
149
- right: auto;
150
- }
151
-
152
- // Dropdown section headers
153
- .dropdown-header {
154
- display: block;
155
- padding: 3px 20px;
156
- font-size: $font-size-small;
157
- line-height: $line-height-base;
158
- color: $dropdown-header-color;
159
- white-space: nowrap; // as with > li > a
160
- }
161
-
162
- // Backdrop to catch body clicks on mobile, etc.
163
- .dropdown-backdrop {
164
- position: fixed;
165
- left: 0;
166
- right: 0;
167
- bottom: 0;
168
- top: 0;
169
- z-index: ($zindex-dropdown - 10);
170
- }
171
-
172
- // Right aligned dropdowns
173
- .pull-right > .dropdown-menu {
174
- right: 0;
175
- left: auto;
176
- }
177
-
178
- // Allow for dropdowns to go bottom up (aka, dropup-menu)
179
- //
180
- // Just add .dropup after the standard .dropdown class and you're set, bro.
181
- // TODO: abstract this so that the navbar fixed styles are not placed here?
182
-
183
- .dropup,
184
- .navbar-fixed-bottom .dropdown {
185
- // Reverse the caret
186
- .caret {
187
- border-top: 0;
188
- border-bottom: $caret-width-base dashed;
189
- border-bottom: $caret-width-base solid \9; // IE8
190
- content: "";
191
- }
192
- // Different positioning for bottom up menu
193
- .dropdown-menu {
194
- top: auto;
195
- bottom: 100%;
196
- margin-bottom: 2px;
197
- }
198
- }
199
-
200
-
201
- // Component alignment
202
- //
203
- // Reiterate per navbar.less and the modified component alignment there.
204
-
205
- @media (min-width: $grid-float-breakpoint) {
206
- .navbar-right {
207
- .dropdown-menu {
208
- right: 0; left: auto;
209
- }
210
- // Necessary for overrides of the default right aligned menu.
211
- // Will remove come v4 in all likelihood.
212
- .dropdown-menu-left {
213
- left: 0; right: auto;
214
- }
215
- }
216
- }