1 |
|
2 | .dropup,
|
3 | .dropdown {
|
4 | position: relative;
|
5 | }
|
6 |
|
7 | .dropdown-toggle {
|
8 |
|
9 | &::after {
|
10 | display: inline-block;
|
11 | width: 0;
|
12 | height: 0;
|
13 | margin-left: $caret-width;
|
14 | vertical-align: middle;
|
15 | content: "";
|
16 | border-top: $caret-width solid;
|
17 | border-right: $caret-width solid transparent;
|
18 | border-left: $caret-width solid transparent;
|
19 | }
|
20 |
|
21 |
|
22 | &:focus {
|
23 | outline: 0;
|
24 | }
|
25 | }
|
26 |
|
27 | .dropup {
|
28 | .dropdown-toggle {
|
29 | &::after {
|
30 | border-top: 0;
|
31 | border-bottom: $caret-width solid;
|
32 | }
|
33 | }
|
34 | }
|
35 |
|
36 |
|
37 | .dropdown-menu {
|
38 | position: absolute;
|
39 | top: 100%;
|
40 | left: 0;
|
41 | z-index: $zindex-dropdown;
|
42 | display: none;
|
43 | float: left;
|
44 | min-width: $dropdown-min-width;
|
45 | padding: $dropdown-padding-y 0;
|
46 | margin: $dropdown-margin-top 0 0;
|
47 | font-size: $font-size-base;
|
48 | color: $body-color;
|
49 | text-align: left;
|
50 | list-style: none;
|
51 | background-color: $dropdown-bg;
|
52 | background-clip: padding-box;
|
53 | border: $dropdown-border-width solid $dropdown-border-color;
|
54 | @include border-radius($border-radius);
|
55 | @include box-shadow($dropdown-box-shadow);
|
56 | }
|
57 |
|
58 |
|
59 | .dropdown-divider {
|
60 | @include nav-divider($dropdown-divider-bg);
|
61 | }
|
62 |
|
63 |
|
64 |
|
65 |
|
66 | .dropdown-item {
|
67 | display: block;
|
68 | width: 100%;
|
69 | padding: 3px $dropdown-item-padding-x;
|
70 | clear: both;
|
71 | font-weight: $font-weight-normal;
|
72 | color: $dropdown-link-color;
|
73 | text-align: inherit;
|
74 | white-space: nowrap;
|
75 | background: none;
|
76 | border: 0;
|
77 |
|
78 | @include hover-focus {
|
79 | color: $dropdown-link-hover-color;
|
80 | text-decoration: none;
|
81 | background-color: $dropdown-link-hover-bg;
|
82 | }
|
83 |
|
84 | &.active,
|
85 | &:active {
|
86 | color: $dropdown-link-active-color;
|
87 | text-decoration: none;
|
88 | background-color: $dropdown-link-active-bg;
|
89 | }
|
90 |
|
91 | &.disabled,
|
92 | &:disabled {
|
93 | color: $dropdown-link-disabled-color;
|
94 | cursor: $cursor-disabled;
|
95 | background-color: transparent;
|
96 |
|
97 | @if $enable-gradients {
|
98 | background-image: none;
|
99 | }
|
100 | }
|
101 | }
|
102 |
|
103 |
|
104 | .show {
|
105 |
|
106 | > .dropdown-menu {
|
107 | display: block;
|
108 | }
|
109 |
|
110 |
|
111 | > a {
|
112 | outline: 0;
|
113 | }
|
114 | }
|
115 |
|
116 |
|
117 |
|
118 |
|
119 |
|
120 | .dropdown-menu-right {
|
121 | right: 0;
|
122 | left: auto;
|
123 | }
|
124 |
|
125 | .dropdown-menu-left {
|
126 | right: auto;
|
127 | left: 0;
|
128 | }
|
129 |
|
130 |
|
131 | .dropdown-header {
|
132 | display: block;
|
133 | padding: $dropdown-padding-y $dropdown-item-padding-x;
|
134 | margin-bottom: 0;
|
135 | font-size: $font-size-sm;
|
136 | color: $dropdown-header-color;
|
137 | white-space: nowrap;
|
138 | }
|
139 |
|
140 |
|
141 | .dropdown-backdrop {
|
142 | position: fixed;
|
143 | top: 0;
|
144 | right: 0;
|
145 | bottom: 0;
|
146 | left: 0;
|
147 | z-index: $zindex-dropdown-backdrop;
|
148 | }
|
149 |
|
150 |
|
151 |
|
152 |
|
153 |
|
154 | .dropup {
|
155 |
|
156 | .dropdown-menu {
|
157 | top: auto;
|
158 | bottom: 100%;
|
159 | margin-bottom: $dropdown-margin-top;
|
160 | }
|
161 | }
|