@carbon/styles 1.14.0 → 1.15.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.
- package/css/styles.css +492 -83
- package/css/styles.min.css +1 -1
- package/package.json +2 -2
- package/scss/components/_index.scss +4 -1
- package/scss/components/accordion/_accordion.scss +3 -0
- package/scss/components/contained-list/_contained-list.scss +174 -0
- package/scss/components/contained-list/_index.scss +11 -0
- package/scss/components/data-table/_data-table.scss +1 -0
- package/scss/components/data-table/action/_data-table-action.scss +4 -1
- package/scss/components/fluid-dropdown/_fluid-dropdown.scss +22 -0
- package/scss/components/fluid-dropdown/_index.scss +11 -0
- package/scss/components/fluid-list-box/_fluid-list-box.scss +217 -0
- package/scss/components/fluid-list-box/_index.scss +11 -0
- package/scss/components/fluid-text-input/_fluid-text-input.scss +21 -0
- package/scss/components/list-box/_list-box.scss +1 -0
- package/scss/components/menu/_menu.scss +2 -0
- package/scss/components/modal/_modal.scss +11 -3
- package/scss/components/progress-indicator/_progress-indicator.scss +11 -15
- package/scss/components/toggle/_toggle.scss +2 -1
- package/scss/components/ui-shell/header/_header.scss +9 -2
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
@use '../../../breakpoint' as *;
|
|
11
11
|
@use '../../../config' as *;
|
|
12
12
|
@use '../../../motion' as *;
|
|
13
|
+
@use '../../../spacing' as *;
|
|
13
14
|
@use '../../../theme' as *;
|
|
14
15
|
@use '../../../type' as *;
|
|
15
16
|
@use '../../../utilities/button-reset';
|
|
@@ -42,6 +43,9 @@
|
|
|
42
43
|
border: rem(1px) solid transparent;
|
|
43
44
|
transition: background-color $duration-fast-02,
|
|
44
45
|
border-color $duration-fast-02;
|
|
46
|
+
@include breakpoint-down('md') {
|
|
47
|
+
min-width: $spacing-09;
|
|
48
|
+
}
|
|
45
49
|
}
|
|
46
50
|
|
|
47
51
|
.#{$prefix}--header__action
|
|
@@ -137,6 +141,9 @@
|
|
|
137
141
|
text-decoration: none;
|
|
138
142
|
transition: border-color $duration-fast-02;
|
|
139
143
|
user-select: none;
|
|
144
|
+
@include breakpoint-down('md') {
|
|
145
|
+
padding: 0 $spacing-05;
|
|
146
|
+
}
|
|
140
147
|
}
|
|
141
148
|
|
|
142
149
|
a.#{$prefix}--header__name:focus {
|
|
@@ -296,7 +303,7 @@
|
|
|
296
303
|
.#{$prefix}--header__menu-title[aria-expanded='true'] {
|
|
297
304
|
// Note: needs to be higher than menu. Adding 1 here instead of moving to
|
|
298
305
|
// the next level.
|
|
299
|
-
z-index: #{z('header') +
|
|
306
|
+
z-index: #{z('header') + 2};
|
|
300
307
|
background-color: $layer;
|
|
301
308
|
color: $text-secondary;
|
|
302
309
|
}
|
|
@@ -316,7 +323,7 @@
|
|
|
316
323
|
.#{$prefix}--header__menu-title[aria-expanded='true']
|
|
317
324
|
+ .#{$prefix}--header__menu {
|
|
318
325
|
position: absolute;
|
|
319
|
-
z-index: z('header');
|
|
326
|
+
z-index: #{z('header') + 1};
|
|
320
327
|
bottom: 0;
|
|
321
328
|
left: 0;
|
|
322
329
|
display: flex;
|