@clayui/css 3.161.0 → 3.163.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.
Files changed (97) hide show
  1. package/lib/css/atlas.css +136 -6
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +134 -5
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +74 -7
  6. package/lib/css/cadmin.css.map +1 -1
  7. package/lib/images/icons/arrow-key-down.svg +9 -0
  8. package/lib/images/icons/arrow-key-left.svg +9 -0
  9. package/lib/images/icons/arrow-key-right.svg +9 -0
  10. package/lib/images/icons/arrow-key-up.svg +9 -0
  11. package/lib/images/icons/icons.svg +1 -1
  12. package/package.json +1 -1
  13. package/src/images/icons/arrow-key-down.svg +9 -0
  14. package/src/images/icons/arrow-key-left.svg +9 -0
  15. package/src/images/icons/arrow-key-right.svg +9 -0
  16. package/src/images/icons/arrow-key-up.svg +9 -0
  17. package/src/images/icons/icons.svg +1 -1
  18. package/src/scss/_components.scss +2 -0
  19. package/src/scss/_license-text.scss +1 -1
  20. package/src/scss/atlas/variables/_forms.scss +3 -1
  21. package/src/scss/atlas/variables/_reorder.scss +1 -1
  22. package/src/scss/atlas-custom-properties/_variables.scss +0 -2
  23. package/src/scss/atlas-custom-properties/variables/_alerts.scss +928 -935
  24. package/src/scss/atlas-custom-properties/variables/_application-bar.scss +54 -56
  25. package/src/scss/atlas-custom-properties/variables/_aspect-ratio.scss +25 -27
  26. package/src/scss/atlas-custom-properties/variables/_badges.scss +298 -309
  27. package/src/scss/atlas-custom-properties/variables/_breadcrumbs.scss +175 -187
  28. package/src/scss/atlas-custom-properties/variables/_buttons.scss +1164 -1220
  29. package/src/scss/atlas-custom-properties/variables/_c-root.scss +343 -353
  30. package/src/scss/atlas-custom-properties/variables/_cards.scss +1009 -1014
  31. package/src/scss/atlas-custom-properties/variables/_clay-color.scss +560 -590
  32. package/src/scss/atlas-custom-properties/variables/_custom-forms.scss +766 -797
  33. package/src/scss/atlas-custom-properties/variables/_date-picker.scss +532 -614
  34. package/src/scss/atlas-custom-properties/variables/_drilldown.scss +244 -252
  35. package/src/scss/atlas-custom-properties/variables/_dropdowns.scss +1052 -1073
  36. package/src/scss/atlas-custom-properties/variables/_dual-listbox.scss +65 -68
  37. package/src/scss/atlas-custom-properties/variables/_empty-state.scss +90 -92
  38. package/src/scss/atlas-custom-properties/variables/_forms.scss +1918 -1955
  39. package/src/scss/atlas-custom-properties/variables/_globals-z-index.scss +27 -29
  40. package/src/scss/atlas-custom-properties/variables/_globals.scss +799 -801
  41. package/src/scss/atlas-custom-properties/variables/_icons.scss +71 -73
  42. package/src/scss/atlas-custom-properties/variables/_images.scss +8 -13
  43. package/src/scss/atlas-custom-properties/variables/_labels.scss +1091 -1202
  44. package/src/scss/atlas-custom-properties/variables/_links.scss +394 -410
  45. package/src/scss/atlas-custom-properties/variables/_list-group.scss +455 -460
  46. package/src/scss/atlas-custom-properties/variables/_loaders.scss +187 -204
  47. package/src/scss/atlas-custom-properties/variables/_management-bar.scss +135 -137
  48. package/src/scss/atlas-custom-properties/variables/_menubar.scss +605 -663
  49. package/src/scss/atlas-custom-properties/variables/_modals.scss +582 -587
  50. package/src/scss/atlas-custom-properties/variables/_multi-step-nav.scss +342 -312
  51. package/src/scss/atlas-custom-properties/variables/_navbar.scss +170 -172
  52. package/src/scss/atlas-custom-properties/variables/_navigation-bar.scss +337 -361
  53. package/src/scss/atlas-custom-properties/variables/_navs.scss +501 -495
  54. package/src/scss/atlas-custom-properties/variables/_pagination.scss +851 -888
  55. package/src/scss/atlas-custom-properties/variables/_panels.scss +467 -480
  56. package/src/scss/atlas-custom-properties/variables/_popovers.scss +483 -515
  57. package/src/scss/atlas-custom-properties/variables/_progress-bars.scss +146 -139
  58. package/src/scss/atlas-custom-properties/variables/_quick-action.scss +24 -23
  59. package/src/scss/atlas-custom-properties/variables/_range.scss +215 -220
  60. package/src/scss/atlas-custom-properties/variables/_reorder.scss +82 -82
  61. package/src/scss/atlas-custom-properties/variables/_resizer.scss +27 -16
  62. package/src/scss/atlas-custom-properties/variables/_sheets.scss +275 -275
  63. package/src/scss/atlas-custom-properties/variables/_side-navigation.scss +2 -4
  64. package/src/scss/atlas-custom-properties/variables/_sidebar.scss +413 -445
  65. package/src/scss/atlas-custom-properties/variables/_slideout.scss +300 -310
  66. package/src/scss/atlas-custom-properties/variables/_stickers.scss +551 -553
  67. package/src/scss/atlas-custom-properties/variables/_tables.scss +1094 -1079
  68. package/src/scss/atlas-custom-properties/variables/_tbar.scss +491 -557
  69. package/src/scss/atlas-custom-properties/variables/_time.scss +121 -130
  70. package/src/scss/atlas-custom-properties/variables/_timelines.scss +50 -43
  71. package/src/scss/atlas-custom-properties/variables/_toggle-switch.scss +562 -566
  72. package/src/scss/atlas-custom-properties/variables/_tooltip.scss +295 -306
  73. package/src/scss/atlas-custom-properties/variables/_treeview.scss +276 -278
  74. package/src/scss/atlas-custom-properties/variables/_type.scss +186 -185
  75. package/src/scss/atlas-custom-properties/variables/_utilities.scss +705 -788
  76. package/src/scss/atlas-variables.scss +0 -2
  77. package/src/scss/atlas.scss +0 -2
  78. package/src/scss/base-variables.scss +0 -2
  79. package/src/scss/base.scss +0 -2
  80. package/src/scss/cadmin/components/_focus-ring.scss +74 -0
  81. package/src/scss/cadmin/components/_forms.scss +2 -0
  82. package/src/scss/cadmin/components/_menubar.scss +8 -0
  83. package/src/scss/cadmin/components/_resizer.scss +19 -4
  84. package/src/scss/cadmin/variables/_breadcrumbs.scss +3 -1
  85. package/src/scss/cadmin/variables/_forms.scss +3 -1
  86. package/src/scss/cadmin/variables/_reorder.scss +1 -0
  87. package/src/scss/cadmin/variables/_resizer.scss +16 -3
  88. package/src/scss/cadmin.scss +1 -0
  89. package/src/scss/components/_focus-ring.scss +64 -0
  90. package/src/scss/components/_forms.scss +2 -0
  91. package/src/scss/components/_keyboard-arrows-indicator.scss +82 -0
  92. package/src/scss/components/_menubar.scss +8 -0
  93. package/src/scss/components/_resizer.scss +15 -4
  94. package/src/scss/functions/_lx-icons-generated.scss +8 -0
  95. package/src/scss/variables/_breadcrumbs.scss +4 -2
  96. package/src/scss/variables/_forms.scss +2 -0
  97. package/src/scss/variables/_resizer.scss +16 -3
package/src/scss/atlas-custom-properties/variables/_drilldown.scss CHANGED
@@ -1,252 +1,244 @@
1
- @if ($enable-atlas-custom-properties) {
2
- $drilldown-inner-transition: height 0.25s ease;
3
-
4
- $drilldown-transition: all 0.25s ease;
5
- $drilldown-width: var(
6
- --drilldown-width,
7
- if(variable-exists(dropdown-max-width), $dropdown-max-width, 260px)
8
- );
9
-
10
- $drilldown-inline-scroller-max-height: var(
11
- --drilldown-inline-scroller-max-height,
12
- none
13
- );
14
-
15
- $drilldown-inner: ();
16
- $drilldown-inner: map-merge(
17
- (
18
- display: flex,
19
- flex-grow: 1,
20
- transition: $drilldown-inner-transition,
21
- ),
22
- $drilldown-inner
23
- );
24
-
25
- $drilldown-item: ();
26
- $drilldown-item: map-merge(
27
- (
28
- display: none,
29
- flex-shrink: 0,
30
- height: 0,
31
- width: 100%,
32
- ),
33
- $drilldown-item
34
- );
35
-
36
- $drilldown-item-inner: ();
37
- $drilldown-item-inner: map-merge(
38
- (
39
- display: flex,
40
- flex-direction: column,
41
- ),
42
- $drilldown-item-inner
43
- );
44
-
45
- // Drilldown Dropdown Menu
46
-
47
- $drilldown-dropdown-menu: ();
48
- $drilldown-dropdown-menu: map-merge(
49
- (
50
- flex-direction: column,
51
- max-height: none,
52
- max-width: none,
53
- min-width: 0,
54
- overflow: hidden,
55
- width: $drilldown-width,
56
- ),
57
- $drilldown-dropdown-menu
58
- );
59
-
60
- $drilldown-dropdown-menu-drilldown-inner: ();
61
- $drilldown-dropdown-menu-drilldown-inner: map-merge(
62
- (
63
- min-height: 266px,
64
- overflow: hidden,
65
- ),
66
- $drilldown-dropdown-menu-drilldown-inner
67
- );
68
-
69
- // Drilldown Dropdown Menu Indicator
70
-
71
- $drilldown-dropdown-menu-indicator-start: ();
72
- $drilldown-dropdown-menu-indicator-start: map-merge(
73
- (
74
- padding-left:
75
- var(
76
- --drilldown-dropdown-menu-indicator-start-padding-left,
77
- 3rem
78
- ),
79
- top: var(--drilldown-dropdown-menu-indicator-start-top, 0.5rem),
80
- ),
81
- $drilldown-dropdown-menu-indicator-start
82
- );
83
-
84
- $drilldown-dropdown-menu-indicator-end: ();
85
- $drilldown-dropdown-menu-indicator-end: map-merge(
86
- (
87
- padding-right:
88
- var(--drilldown-dropdown-menu-indicator-end-padding-left, 3rem),
89
- top: var(--drilldown-dropdown-menu-indicator-end-top, 0.5rem),
90
- ),
91
- $drilldown-dropdown-menu-indicator-end
92
- );
93
-
94
- // Drilldown Dropdown Item
95
-
96
- $drilldown-dropdown-item: ();
97
- $drilldown-dropdown-item: map-deep-merge(
98
- (
99
- padding-bottom:
100
- var(--drilldown-dropdown-item-padding-bottom, 0.59375rem),
101
- padding-left: var(--drilldown-dropdown-item-padding-left, 1rem),
102
- padding-right: var(--drilldown-dropdown-item-padding-right, 1rem),
103
- padding-top: var(--drilldown-dropdown-item-padding-top, 0.59375rem),
104
- ),
105
- $drilldown-dropdown-item
106
- );
107
-
108
- $_drilldown-dropdown-item-pt: map-get(
109
- $drilldown-dropdown-item,
110
- padding-top
111
- );
112
-
113
- // Drilldown Dropdown Item Indicators
114
-
115
- $drilldown-dropdown-item-indicator-start: ();
116
- $drilldown-dropdown-item-indicator-start: map-merge(
117
- (
118
- height:
119
- var(--drilldown-dropdown-item-indicator-start-height, 1.5rem),
120
- left: var(--drilldown-dropdown-item-indicator-start-left, 0.5rem),
121
- top:
122
- var(
123
- --drilldown-dropdown-item-indicator-start-top,
124
- calc(
125
- #{$_drilldown-dropdown-item-pt} -
126
- ((1.5rem - (1em * #{$line-height-base})) / 2)
127
- )
128
- ),
129
- transition: none,
130
- width: var(--drilldown-dropdown-item-indicator-start-width, 1.5rem),
131
- ),
132
- $drilldown-dropdown-item-indicator-start
133
- );
134
-
135
- $drilldown-dropdown-item-indicator-text-start: ();
136
- $drilldown-dropdown-item-indicator-text-start: map-merge(
137
- (
138
- padding-left: 2rem,
139
- ),
140
- $drilldown-dropdown-item-indicator-text-start
141
- );
142
-
143
- $drilldown-dropdown-item-indicator-end: ();
144
- $drilldown-dropdown-item-indicator-end: map-merge(
145
- (
146
- height: var(--drilldown-dropdown-item-indicator-end-height, 1.5rem),
147
- right: var(--drilldown-dropdown-item-indicator-end-right, 0.5rem),
148
- top:
149
- var(
150
- --drilldown-dropdown-item-indicator-end-top,
151
- calc(
152
- #{$_drilldown-dropdown-item-pt} -
153
- ((1.5rem - (1em * #{$line-height-base})) / 2)
154
- )
155
- ),
156
- transition: none,
157
- width: var(--drilldown-dropdown-item-indicator-end-width, 1.5rem),
158
- ),
159
- $drilldown-dropdown-item-indicator-end
160
- );
161
-
162
- $drilldown-dropdown-item-indicator-text-end: ();
163
- $drilldown-dropdown-item-indicator-text-end: map-merge(
164
- (
165
- margin-bottom: -0.59375rem,
166
- margin-left: -1rem,
167
- margin-top: -0.59375rem,
168
- padding-bottom: inherit,
169
- padding-left: inherit,
170
- padding-right: 2rem,
171
- padding-top: inherit,
172
- width: auto,
173
- ),
174
- $drilldown-dropdown-item-indicator-text-end
175
- );
176
-
177
- // Drilldown Dropdown Header
178
-
179
- $drilldown-dropdown-header: ();
180
- $drilldown-dropdown-header: map-merge(
181
- (
182
- color: var(--drilldown-dropdown-header-color, $secondary),
183
- font-weight:
184
- var(
185
- --drilldown-dropdown-header-font-weight,
186
- $font-weight-semi-bold
187
- ),
188
- padding-bottom:
189
- var(
190
- --drilldown-dropdown-header-padding-bottom,
191
- map-get($drilldown-dropdown-item, padding-bottom)
192
- ),
193
- padding-left:
194
- var(
195
- --drilldown-dropdown-header-padding-left,
196
- map-get($drilldown-dropdown-item, padding-left)
197
- ),
198
- padding-right:
199
- var(
200
- --drilldown-dropdown-header-padding-right,
201
- map-get($drilldown-dropdown-item, padding-right)
202
- ),
203
- padding-top:
204
- var(
205
- --drilldown-dropdown-header-padding-top,
206
- map-get($drilldown-dropdown-item, padding-top)
207
- ),
208
- text-transform:
209
- var(--drilldown-dropdown-header-text-transform, uppercase),
210
- ),
211
- $drilldown-dropdown-header
212
- );
213
-
214
- // Drilldown Dropdown Footer
215
-
216
- $drilldown-dropdown-footer: ();
217
- $drilldown-dropdown-footer: map-merge(
218
- (
219
- padding:
220
- var(--drilldown-dropdown-footer-padding, 1rem 1rem 0.625rem),
221
- ),
222
- $drilldown-dropdown-footer
223
- );
224
-
225
- // Drilldown Dropdown Divider
226
-
227
- $drilldown-dropdown-divider: ();
228
- $drilldown-dropdown-divider: map-merge(
229
- (
230
- margin: var(--drilldown-dropdown-divider-margin, 0),
231
- ),
232
- $drilldown-dropdown-divider
233
- );
234
-
235
- // Drilldown Height Dropdown Menu
236
-
237
- $drilldown-height-sm-dropdown-menu: ();
238
- $drilldown-height-sm-dropdown-menu: map-merge(
239
- (
240
- height: var(--drilldown-height-sm-dropdown-menu-height, 272px),
241
- ),
242
- $drilldown-height-sm-dropdown-menu
243
- );
244
-
245
- $drilldown-height-md-dropdown-menu: ();
246
- $drilldown-height-md-dropdown-menu: map-merge(
247
- (
248
- height: var(--drilldown-height-md-dropdown-menu-height, 344px),
249
- ),
250
- $drilldown-height-md-dropdown-menu
251
- );
252
- }
1
+ $drilldown-inner-transition: height 0.25s ease !default;
2
+
3
+ $drilldown-transition: all 0.25s ease !default;
4
+ $drilldown-width: var(
5
+ --drilldown-width,
6
+ if(variable-exists(dropdown-max-width), $dropdown-max-width, 260px)
7
+ ) !default;
8
+
9
+ $drilldown-inline-scroller-max-height: var(
10
+ --drilldown-inline-scroller-max-height,
11
+ none
12
+ ) !default;
13
+
14
+ $drilldown-inner: () !default;
15
+ $drilldown-inner: map-merge(
16
+ (
17
+ display: flex,
18
+ flex-grow: 1,
19
+ transition: $drilldown-inner-transition,
20
+ ),
21
+ $drilldown-inner
22
+ );
23
+
24
+ $drilldown-item: () !default;
25
+ $drilldown-item: map-merge(
26
+ (
27
+ display: none,
28
+ flex-shrink: 0,
29
+ height: 0,
30
+ width: 100%,
31
+ ),
32
+ $drilldown-item
33
+ );
34
+
35
+ $drilldown-item-inner: () !default;
36
+ $drilldown-item-inner: map-merge(
37
+ (
38
+ display: flex,
39
+ flex-direction: column,
40
+ ),
41
+ $drilldown-item-inner
42
+ );
43
+
44
+ // Drilldown Dropdown Menu
45
+
46
+ $drilldown-dropdown-menu: () !default;
47
+ $drilldown-dropdown-menu: map-merge(
48
+ (
49
+ flex-direction: column,
50
+ max-height: none,
51
+ max-width: none,
52
+ min-width: 0,
53
+ overflow: hidden,
54
+ width: $drilldown-width,
55
+ ),
56
+ $drilldown-dropdown-menu
57
+ );
58
+
59
+ $drilldown-dropdown-menu-drilldown-inner: () !default;
60
+ $drilldown-dropdown-menu-drilldown-inner: map-merge(
61
+ (
62
+ min-height: 266px,
63
+ overflow: hidden,
64
+ ),
65
+ $drilldown-dropdown-menu-drilldown-inner
66
+ );
67
+
68
+ // Drilldown Dropdown Menu Indicator
69
+
70
+ $drilldown-dropdown-menu-indicator-start: () !default;
71
+ $drilldown-dropdown-menu-indicator-start: map-merge(
72
+ (
73
+ padding-left:
74
+ var(--drilldown-dropdown-menu-indicator-start-padding-left, 3rem),
75
+ top: var(--drilldown-dropdown-menu-indicator-start-top, 0.5rem),
76
+ ),
77
+ $drilldown-dropdown-menu-indicator-start
78
+ );
79
+
80
+ $drilldown-dropdown-menu-indicator-end: () !default;
81
+ $drilldown-dropdown-menu-indicator-end: map-merge(
82
+ (
83
+ padding-right:
84
+ var(--drilldown-dropdown-menu-indicator-end-padding-left, 3rem),
85
+ top: var(--drilldown-dropdown-menu-indicator-end-top, 0.5rem),
86
+ ),
87
+ $drilldown-dropdown-menu-indicator-end
88
+ );
89
+
90
+ // Drilldown Dropdown Item
91
+
92
+ $drilldown-dropdown-item: () !default;
93
+ $drilldown-dropdown-item: map-deep-merge(
94
+ (
95
+ padding-bottom:
96
+ var(--drilldown-dropdown-item-padding-bottom, 0.59375rem),
97
+ padding-left: var(--drilldown-dropdown-item-padding-left, 1rem),
98
+ padding-right: var(--drilldown-dropdown-item-padding-right, 1rem),
99
+ padding-top: var(--drilldown-dropdown-item-padding-top, 0.59375rem),
100
+ ),
101
+ $drilldown-dropdown-item
102
+ );
103
+
104
+ $_drilldown-dropdown-item-pt: map-get(
105
+ $drilldown-dropdown-item,
106
+ padding-top
107
+ ) !default;
108
+
109
+ // Drilldown Dropdown Item Indicators
110
+
111
+ $drilldown-dropdown-item-indicator-start: () !default;
112
+ $drilldown-dropdown-item-indicator-start: map-merge(
113
+ (
114
+ height: var(--drilldown-dropdown-item-indicator-start-height, 1.5rem),
115
+ left: var(--drilldown-dropdown-item-indicator-start-left, 0.5rem),
116
+ top:
117
+ var(
118
+ --drilldown-dropdown-item-indicator-start-top,
119
+ calc(
120
+ #{$_drilldown-dropdown-item-pt} - ((
121
+ 1.5rem - (1em * #{$line-height-base})
122
+ ) / 2)
123
+ )
124
+ ),
125
+ transition: none,
126
+ width: var(--drilldown-dropdown-item-indicator-start-width, 1.5rem),
127
+ ),
128
+ $drilldown-dropdown-item-indicator-start
129
+ );
130
+
131
+ $drilldown-dropdown-item-indicator-text-start: () !default;
132
+ $drilldown-dropdown-item-indicator-text-start: map-merge(
133
+ (
134
+ padding-left: 2rem,
135
+ ),
136
+ $drilldown-dropdown-item-indicator-text-start
137
+ );
138
+
139
+ $drilldown-dropdown-item-indicator-end: () !default;
140
+ $drilldown-dropdown-item-indicator-end: map-merge(
141
+ (
142
+ height: var(--drilldown-dropdown-item-indicator-end-height, 1.5rem),
143
+ right: var(--drilldown-dropdown-item-indicator-end-right, 0.5rem),
144
+ top:
145
+ var(
146
+ --drilldown-dropdown-item-indicator-end-top,
147
+ calc(
148
+ #{$_drilldown-dropdown-item-pt} - ((
149
+ 1.5rem - (1em * #{$line-height-base})
150
+ ) / 2)
151
+ )
152
+ ),
153
+ transition: none,
154
+ width: var(--drilldown-dropdown-item-indicator-end-width, 1.5rem),
155
+ ),
156
+ $drilldown-dropdown-item-indicator-end
157
+ );
158
+
159
+ $drilldown-dropdown-item-indicator-text-end: () !default;
160
+ $drilldown-dropdown-item-indicator-text-end: map-merge(
161
+ (
162
+ margin-bottom: -0.59375rem,
163
+ margin-left: -1rem,
164
+ margin-top: -0.59375rem,
165
+ padding-bottom: inherit,
166
+ padding-left: inherit,
167
+ padding-right: 2rem,
168
+ padding-top: inherit,
169
+ width: auto,
170
+ ),
171
+ $drilldown-dropdown-item-indicator-text-end
172
+ );
173
+
174
+ // Drilldown Dropdown Header
175
+
176
+ $drilldown-dropdown-header: () !default;
177
+ $drilldown-dropdown-header: map-merge(
178
+ (
179
+ color: var(--drilldown-dropdown-header-color, $secondary),
180
+ font-weight:
181
+ var(--drilldown-dropdown-header-font-weight, $font-weight-semi-bold),
182
+ padding-bottom:
183
+ var(
184
+ --drilldown-dropdown-header-padding-bottom,
185
+ map-get($drilldown-dropdown-item, padding-bottom)
186
+ ),
187
+ padding-left:
188
+ var(
189
+ --drilldown-dropdown-header-padding-left,
190
+ map-get($drilldown-dropdown-item, padding-left)
191
+ ),
192
+ padding-right:
193
+ var(
194
+ --drilldown-dropdown-header-padding-right,
195
+ map-get($drilldown-dropdown-item, padding-right)
196
+ ),
197
+ padding-top:
198
+ var(
199
+ --drilldown-dropdown-header-padding-top,
200
+ map-get($drilldown-dropdown-item, padding-top)
201
+ ),
202
+ text-transform:
203
+ var(--drilldown-dropdown-header-text-transform, uppercase),
204
+ ),
205
+ $drilldown-dropdown-header
206
+ );
207
+
208
+ // Drilldown Dropdown Footer
209
+
210
+ $drilldown-dropdown-footer: () !default;
211
+ $drilldown-dropdown-footer: map-merge(
212
+ (
213
+ padding: var(--drilldown-dropdown-footer-padding, 1rem 1rem 0.625rem),
214
+ ),
215
+ $drilldown-dropdown-footer
216
+ );
217
+
218
+ // Drilldown Dropdown Divider
219
+
220
+ $drilldown-dropdown-divider: () !default;
221
+ $drilldown-dropdown-divider: map-merge(
222
+ (
223
+ margin: var(--drilldown-dropdown-divider-margin, 0),
224
+ ),
225
+ $drilldown-dropdown-divider
226
+ );
227
+
228
+ // Drilldown Height Dropdown Menu
229
+
230
+ $drilldown-height-sm-dropdown-menu: () !default;
231
+ $drilldown-height-sm-dropdown-menu: map-merge(
232
+ (
233
+ height: var(--drilldown-height-sm-dropdown-menu-height, 272px),
234
+ ),
235
+ $drilldown-height-sm-dropdown-menu
236
+ );
237
+
238
+ $drilldown-height-md-dropdown-menu: () !default;
239
+ $drilldown-height-md-dropdown-menu: map-merge(
240
+ (
241
+ height: var(--drilldown-height-md-dropdown-menu-height, 344px),
242
+ ),
243
+ $drilldown-height-md-dropdown-menu
244
+ );