@cloudscape-design/components 3.0.287 → 3.0.288
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/alert/styles.css.js +19 -19
- package/alert/styles.scoped.css +64 -64
- package/alert/styles.selectors.js +19 -19
- package/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +46 -46
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/content-wrapper/styles.css.js +3 -3
- package/app-layout/content-wrapper/styles.scoped.css +10 -10
- package/app-layout/content-wrapper/styles.selectors.js +3 -3
- package/app-layout/drawer/styles.css.js +10 -10
- package/app-layout/drawer/styles.scoped.css +34 -32
- package/app-layout/drawer/styles.selectors.js +10 -10
- package/app-layout/index.js +1 -1
- package/app-layout/index.js.map +1 -1
- package/app-layout/interfaces.d.ts +2 -0
- package/app-layout/interfaces.d.ts.map +1 -1
- package/app-layout/interfaces.js.map +1 -1
- package/app-layout/mobile-toolbar/styles.css.js +6 -6
- package/app-layout/mobile-toolbar/styles.scoped.css +20 -20
- package/app-layout/mobile-toolbar/styles.selectors.js +6 -6
- package/app-layout/notifications/styles.css.js +3 -3
- package/app-layout/notifications/styles.scoped.css +7 -7
- package/app-layout/notifications/styles.selectors.js +3 -3
- package/app-layout/split-panel-drawer/index.d.ts.map +1 -1
- package/app-layout/split-panel-drawer/index.js +1 -1
- package/app-layout/split-panel-drawer/index.js.map +1 -1
- package/app-layout/styles.css.js +13 -13
- package/app-layout/styles.scoped.css +22 -22
- package/app-layout/styles.selectors.js +13 -13
- package/app-layout/toggles/styles.css.js +1 -1
- package/app-layout/toggles/styles.scoped.css +3 -3
- package/app-layout/toggles/styles.selectors.js +1 -1
- package/app-layout/visual-refresh/styles.css.js +72 -72
- package/app-layout/visual-refresh/styles.scoped.css +285 -285
- package/app-layout/visual-refresh/styles.selectors.js +72 -72
- package/app-layout/visual-refresh/tools.d.ts.map +1 -1
- package/app-layout/visual-refresh/tools.js +3 -3
- package/app-layout/visual-refresh/tools.js.map +1 -1
- package/area-chart/styles.css.js +13 -13
- package/area-chart/styles.scoped.css +29 -29
- package/area-chart/styles.selectors.js +13 -13
- package/attribute-editor/styles.css.js +14 -14
- package/attribute-editor/styles.scoped.css +48 -48
- package/attribute-editor/styles.selectors.js +14 -14
- package/badge/styles.css.js +5 -5
- package/badge/styles.scoped.css +20 -20
- package/badge/styles.selectors.js +5 -5
- package/box/styles.css.js +189 -189
- package/box/styles.scoped.css +418 -418
- package/box/styles.selectors.js +189 -189
- package/breadcrumb-group/item/styles.css.js +9 -9
- package/breadcrumb-group/item/styles.scoped.css +28 -28
- package/breadcrumb-group/item/styles.selectors.js +9 -9
- package/breadcrumb-group/styles.css.js +7 -7
- package/breadcrumb-group/styles.scoped.css +22 -22
- package/breadcrumb-group/styles.selectors.js +7 -7
- package/button/styles.css.js +18 -18
- package/button/styles.scoped.css +411 -411
- package/button/styles.selectors.js +18 -18
- package/button-dropdown/category-elements/styles.css.js +13 -13
- package/button-dropdown/category-elements/styles.scoped.css +50 -50
- package/button-dropdown/category-elements/styles.selectors.js +13 -13
- package/button-dropdown/item-element/styles.css.js +14 -14
- package/button-dropdown/item-element/styles.scoped.css +42 -42
- package/button-dropdown/item-element/styles.selectors.js +14 -14
- package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
- package/button-dropdown/mobile-expandable-group/styles.scoped.css +10 -10
- package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
- package/button-dropdown/styles.css.js +8 -8
- package/button-dropdown/styles.scoped.css +20 -20
- package/button-dropdown/styles.selectors.js +8 -8
- package/calendar/styles.css.js +18 -18
- package/calendar/styles.scoped.css +89 -89
- package/calendar/styles.selectors.js +18 -18
- package/cards/index.d.ts.map +1 -1
- package/cards/index.js +4 -2
- package/cards/index.js.map +1 -1
- package/cards/interfaces.d.ts +20 -0
- package/cards/interfaces.d.ts.map +1 -1
- package/cards/interfaces.js.map +1 -1
- package/cards/styles.css.js +37 -37
- package/cards/styles.scoped.css +101 -101
- package/cards/styles.selectors.js +37 -37
- package/checkbox/styles.css.js +3 -3
- package/checkbox/styles.scoped.css +16 -16
- package/checkbox/styles.selectors.js +3 -3
- package/code-editor/resizable-box/styles.css.js +3 -3
- package/code-editor/resizable-box/styles.scoped.css +8 -8
- package/code-editor/resizable-box/styles.selectors.js +3 -3
- package/code-editor/styles.css.js +32 -32
- package/code-editor/styles.scoped.css +194 -194
- package/code-editor/styles.selectors.js +32 -32
- package/collection-preferences/content-display/styles.css.js +11 -11
- package/collection-preferences/content-display/styles.scoped.css +42 -42
- package/collection-preferences/content-display/styles.selectors.js +11 -11
- package/collection-preferences/styles.css.js +37 -37
- package/collection-preferences/styles.scoped.css +81 -81
- package/collection-preferences/styles.selectors.js +37 -37
- package/column-layout/styles.css.js +13 -13
- package/column-layout/styles.scoped.css +55 -55
- package/column-layout/styles.selectors.js +13 -13
- package/container/styles.css.js +18 -18
- package/container/styles.scoped.css +73 -73
- package/container/styles.selectors.js +18 -18
- package/content-layout/styles.css.js +7 -7
- package/content-layout/styles.scoped.css +18 -18
- package/content-layout/styles.selectors.js +7 -7
- package/date-picker/styles.css.js +7 -7
- package/date-picker/styles.scoped.css +16 -16
- package/date-picker/styles.selectors.js +7 -7
- package/date-range-picker/calendar/grids/styles.css.js +25 -25
- package/date-range-picker/calendar/grids/styles.scoped.css +95 -95
- package/date-range-picker/calendar/grids/styles.selectors.js +25 -25
- package/date-range-picker/relative-range/styles.css.js +9 -9
- package/date-range-picker/relative-range/styles.scoped.css +16 -16
- package/date-range-picker/relative-range/styles.selectors.js +9 -9
- package/date-range-picker/styles.css.js +38 -38
- package/date-range-picker/styles.scoped.css +76 -76
- package/date-range-picker/styles.selectors.js +38 -38
- package/expandable-section/styles.css.js +24 -24
- package/expandable-section/styles.scoped.css +87 -87
- package/expandable-section/styles.selectors.js +24 -24
- package/file-upload/dropzone/styles.css.js +2 -2
- package/file-upload/dropzone/styles.scoped.css +9 -9
- package/file-upload/dropzone/styles.selectors.js +2 -2
- package/file-upload/file-input/styles.css.js +4 -4
- package/file-upload/file-input/styles.scoped.css +14 -14
- package/file-upload/file-input/styles.selectors.js +4 -4
- package/file-upload/file-option/styles.css.js +7 -7
- package/file-upload/file-option/styles.scoped.css +10 -10
- package/file-upload/file-option/styles.selectors.js +7 -7
- package/file-upload/styles.css.js +2 -2
- package/file-upload/styles.scoped.css +4 -4
- package/file-upload/styles.selectors.js +2 -2
- package/flashbar/styles.css.js +45 -45
- package/flashbar/styles.scoped.css +246 -246
- package/flashbar/styles.selectors.js +45 -45
- package/form/styles.css.js +9 -9
- package/form/styles.scoped.css +20 -20
- package/form/styles.selectors.js +9 -9
- package/form-field/styles.css.js +19 -19
- package/form-field/styles.scoped.css +52 -52
- package/form-field/styles.selectors.js +19 -19
- package/grid/styles.css.js +53 -53
- package/grid/styles.scoped.css +60 -60
- package/grid/styles.selectors.js +53 -53
- package/header/styles.css.js +44 -44
- package/header/styles.scoped.css +116 -116
- package/header/styles.selectors.js +44 -44
- package/help-panel/styles.css.js +4 -4
- package/help-panel/styles.scoped.css +153 -153
- package/help-panel/styles.selectors.js +4 -4
- package/hotspot/styles.css.js +7 -7
- package/hotspot/styles.scoped.css +10 -10
- package/hotspot/styles.selectors.js +7 -7
- package/icon/styles.css.js +21 -21
- package/icon/styles.scoped.css +81 -81
- package/icon/styles.selectors.js +21 -21
- package/input/styles.css.js +12 -12
- package/input/styles.scoped.css +73 -73
- package/input/styles.selectors.js +12 -12
- package/internal/base-component/styles.scoped.css +1439 -1438
- package/internal/components/abstract-switch/styles.css.js +13 -13
- package/internal/components/abstract-switch/styles.scoped.css +26 -26
- package/internal/components/abstract-switch/styles.selectors.js +13 -13
- package/internal/components/button-trigger/styles.css.js +9 -9
- package/internal/components/button-trigger/styles.scoped.css +63 -63
- package/internal/components/button-trigger/styles.selectors.js +9 -9
- package/internal/components/cartesian-chart/styles.css.js +21 -21
- package/internal/components/cartesian-chart/styles.scoped.css +34 -34
- package/internal/components/cartesian-chart/styles.selectors.js +21 -21
- package/internal/components/chart-filter/styles.css.js +3 -3
- package/internal/components/chart-filter/styles.scoped.css +7 -7
- package/internal/components/chart-filter/styles.selectors.js +3 -3
- package/internal/components/chart-legend/styles.css.js +6 -6
- package/internal/components/chart-legend/styles.scoped.css +23 -23
- package/internal/components/chart-legend/styles.selectors.js +6 -6
- package/internal/components/chart-plot/styles.css.js +5 -5
- package/internal/components/chart-plot/styles.scoped.css +6 -6
- package/internal/components/chart-plot/styles.selectors.js +5 -5
- package/internal/components/chart-popover/styles.css.js +3 -3
- package/internal/components/chart-popover/styles.scoped.css +9 -9
- package/internal/components/chart-popover/styles.selectors.js +3 -3
- package/internal/components/chart-series-details/styles.css.js +5 -5
- package/internal/components/chart-series-details/styles.scoped.css +20 -20
- package/internal/components/chart-series-details/styles.selectors.js +5 -5
- package/internal/components/chart-series-marker/styles.css.js +5 -5
- package/internal/components/chart-series-marker/styles.scoped.css +14 -14
- package/internal/components/chart-series-marker/styles.selectors.js +5 -5
- package/internal/components/chart-status-container/styles.css.js +2 -2
- package/internal/components/chart-status-container/styles.scoped.css +3 -3
- package/internal/components/chart-status-container/styles.selectors.js +2 -2
- package/internal/components/checkbox-icon/styles.css.js +7 -7
- package/internal/components/checkbox-icon/styles.scoped.css +18 -18
- package/internal/components/checkbox-icon/styles.selectors.js +7 -7
- package/internal/components/dark-ribbon/styles.css.js +2 -2
- package/internal/components/dark-ribbon/styles.scoped.css +4 -4
- package/internal/components/dark-ribbon/styles.selectors.js +2 -2
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +51 -51
- package/internal/components/dropdown/styles.selectors.js +20 -20
- package/internal/components/dropdown-footer/styles.css.js +3 -3
- package/internal/components/dropdown-footer/styles.scoped.css +9 -9
- package/internal/components/dropdown-footer/styles.selectors.js +3 -3
- package/internal/components/dropdown-status/styles.css.js +2 -2
- package/internal/components/dropdown-status/styles.scoped.css +8 -8
- package/internal/components/dropdown-status/styles.selectors.js +2 -2
- package/internal/components/filtering-token/styles.css.js +7 -7
- package/internal/components/filtering-token/styles.scoped.css +34 -34
- package/internal/components/filtering-token/styles.selectors.js +7 -7
- package/internal/components/menu-dropdown/styles.css.js +7 -7
- package/internal/components/menu-dropdown/styles.scoped.css +32 -32
- package/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/internal/components/option/styles.css.js +17 -17
- package/internal/components/option/styles.scoped.css +47 -47
- package/internal/components/option/styles.selectors.js +17 -17
- package/internal/components/options-list/styles.css.js +2 -2
- package/internal/components/options-list/styles.scoped.css +7 -7
- package/internal/components/options-list/styles.selectors.js +2 -2
- package/internal/components/selectable-item/styles.css.js +16 -16
- package/internal/components/selectable-item/styles.scoped.css +68 -68
- package/internal/components/selectable-item/styles.selectors.js +16 -16
- package/internal/components/token-list/styles.css.js +9 -9
- package/internal/components/token-list/styles.scoped.css +40 -40
- package/internal/components/token-list/styles.selectors.js +9 -9
- package/internal/environment.js +1 -1
- package/internal/generated/styles/tokens.d.ts +4 -0
- package/internal/generated/styles/tokens.js +299 -295
- package/internal/generated/theming/index.cjs +837 -737
- package/internal/generated/theming/index.cjs.d.ts +24 -0
- package/internal/generated/theming/index.d.ts +24 -0
- package/internal/generated/theming/index.js +837 -737
- package/internal/handle/styles.css.js +2 -2
- package/internal/handle/styles.scoped.css +12 -12
- package/internal/handle/styles.selectors.js +2 -2
- package/internal/manifest.json +1 -1
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +163 -163
- package/link/styles.selectors.js +20 -20
- package/mixed-line-bar-chart/styles.css.js +19 -19
- package/mixed-line-bar-chart/styles.scoped.css +38 -38
- package/mixed-line-bar-chart/styles.selectors.js +19 -19
- package/modal/styles.css.js +23 -23
- package/modal/styles.scoped.css +67 -67
- package/modal/styles.selectors.js +23 -23
- package/multiselect/styles.css.js +1 -1
- package/multiselect/styles.scoped.css +5 -5
- package/multiselect/styles.selectors.js +1 -1
- package/package.json +1 -1
- package/pagination/styles.css.js +9 -9
- package/pagination/styles.scoped.css +47 -47
- package/pagination/styles.selectors.js +9 -9
- package/pie-chart/styles.css.js +27 -27
- package/pie-chart/styles.scoped.css +70 -70
- package/pie-chart/styles.selectors.js +27 -27
- package/popover/styles.css.js +50 -50
- package/popover/styles.scoped.css +104 -104
- package/popover/styles.selectors.js +50 -50
- package/progress-bar/styles.css.js +18 -18
- package/progress-bar/styles.scoped.css +58 -58
- package/progress-bar/styles.selectors.js +18 -18
- package/property-filter/styles.css.js +29 -29
- package/property-filter/styles.scoped.css +52 -52
- package/property-filter/styles.selectors.js +29 -29
- package/radio-group/styles.css.js +9 -9
- package/radio-group/styles.scoped.css +37 -37
- package/radio-group/styles.selectors.js +9 -9
- package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
- package/s3-resource-selector/s3-in-context/styles.scoped.css +12 -12
- package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
- package/segmented-control/styles.css.js +14 -14
- package/segmented-control/styles.scoped.css +78 -78
- package/segmented-control/styles.selectors.js +14 -14
- package/select/parts/styles.css.js +9 -9
- package/select/parts/styles.scoped.css +17 -17
- package/select/parts/styles.selectors.js +9 -9
- package/select/styles.css.js +1 -1
- package/select/styles.scoped.css +5 -5
- package/select/styles.selectors.js +1 -1
- package/side-navigation/styles.css.js +27 -27
- package/side-navigation/styles.scoped.css +89 -89
- package/side-navigation/styles.selectors.js +27 -27
- package/space-between/styles.css.js +20 -20
- package/space-between/styles.scoped.css +37 -37
- package/space-between/styles.selectors.js +20 -20
- package/spinner/styles.css.js +13 -13
- package/spinner/styles.scoped.css +35 -35
- package/spinner/styles.selectors.js +13 -13
- package/split-panel/styles.css.js +59 -59
- package/split-panel/styles.scoped.css +150 -150
- package/split-panel/styles.selectors.js +59 -59
- package/status-indicator/styles.css.js +20 -20
- package/status-indicator/styles.scoped.css +44 -44
- package/status-indicator/styles.selectors.js +20 -20
- package/table/body-cell/styles.css.js +28 -28
- package/table/body-cell/styles.scoped.css +144 -144
- package/table/body-cell/styles.selectors.js +28 -28
- package/table/header-cell/styles.css.js +24 -24
- package/table/header-cell/styles.scoped.css +93 -93
- package/table/header-cell/styles.selectors.js +24 -24
- package/table/resizer/styles.css.js +6 -6
- package/table/resizer/styles.scoped.css +27 -27
- package/table/resizer/styles.selectors.js +6 -6
- package/table/selection-control/styles.css.js +3 -3
- package/table/selection-control/styles.scoped.css +4 -4
- package/table/selection-control/styles.selectors.js +3 -3
- package/table/styles.css.js +33 -33
- package/table/styles.scoped.css +85 -85
- package/table/styles.selectors.js +33 -33
- package/tabs/styles.css.js +21 -21
- package/tabs/styles.scoped.css +86 -86
- package/tabs/styles.selectors.js +21 -21
- package/tag-editor/styles.css.js +3 -3
- package/tag-editor/styles.scoped.css +24 -24
- package/tag-editor/styles.selectors.js +3 -3
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +125 -125
- package/text-content/styles.selectors.js +1 -1
- package/text-filter/styles.css.js +3 -3
- package/text-filter/styles.scoped.css +10 -10
- package/text-filter/styles.selectors.js +3 -3
- package/textarea/styles.css.js +4 -4
- package/textarea/styles.scoped.css +40 -40
- package/textarea/styles.selectors.js +4 -4
- package/tiles/styles.css.js +28 -28
- package/tiles/styles.scoped.css +124 -124
- package/tiles/styles.selectors.js +28 -28
- package/toggle/styles.css.js +8 -8
- package/toggle/styles.scoped.css +27 -27
- package/toggle/styles.selectors.js +8 -8
- package/token-group/styles.css.js +7 -7
- package/token-group/styles.scoped.css +42 -42
- package/token-group/styles.selectors.js +7 -7
- package/top-navigation/1.0-beta/styles.css.js +25 -25
- package/top-navigation/1.0-beta/styles.scoped.css +84 -84
- package/top-navigation/1.0-beta/styles.selectors.js +25 -25
- package/top-navigation/styles.css.js +47 -47
- package/top-navigation/styles.scoped.css +148 -148
- package/top-navigation/styles.selectors.js +47 -47
- package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
- package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +43 -43
- package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
- package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
- package/tutorial-panel/components/tutorial-list/styles.scoped.css +50 -50
- package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
- package/tutorial-panel/styles.css.js +1 -1
- package/tutorial-panel/styles.scoped.css +6 -6
- package/tutorial-panel/styles.selectors.js +1 -1
- package/wizard/styles.css.js +32 -32
- package/wizard/styles.scoped.css +127 -127
- package/wizard/styles.selectors.js +32 -32
|
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
90
90
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
91
|
SPDX-License-Identifier: Apache-2.0
|
|
92
92
|
*/
|
|
93
|
-
section.
|
|
93
|
+
section.awsui_appbar_hyvsj_1s8d9_93:not(#\9) {
|
|
94
94
|
align-items: center;
|
|
95
95
|
box-sizing: border-box;
|
|
96
96
|
display: grid;
|
|
@@ -114,21 +114,21 @@ section.awsui_appbar_hyvsj_a6htg_93:not(#\9) {
|
|
|
114
114
|
span the entire column definition of the Layout grid.
|
|
115
115
|
*/
|
|
116
116
|
}
|
|
117
|
-
section.
|
|
117
|
+
section.awsui_appbar_hyvsj_1s8d9_93 > .awsui_appbar-nav_hyvsj_1s8d9_117:not(#\9) {
|
|
118
118
|
grid-column: 1;
|
|
119
|
-
margin-right: var(--space-m-
|
|
119
|
+
margin-right: var(--space-m-sptmsg, 16px);
|
|
120
120
|
}
|
|
121
|
-
section.
|
|
121
|
+
section.awsui_appbar_hyvsj_1s8d9_93 > .awsui_breadcrumbs_hyvsj_1s8d9_121:not(#\9) {
|
|
122
122
|
grid-column: 2;
|
|
123
|
-
background-color: var(--color-background-layout-main-
|
|
123
|
+
background-color: var(--color-background-layout-main-iz43sl, #ffffff);
|
|
124
124
|
}
|
|
125
|
-
section.
|
|
126
|
-
section.
|
|
125
|
+
section.awsui_appbar_hyvsj_1s8d9_93 > .awsui_appbar-tools_hyvsj_1s8d9_125:not(#\9),
|
|
126
|
+
section.awsui_appbar_hyvsj_1s8d9_93 > .awsui_drawers-mobile-triggers-container_hyvsj_1s8d9_126:not(#\9) {
|
|
127
127
|
grid-column: 3;
|
|
128
|
-
margin-left: var(--space-m-
|
|
128
|
+
margin-left: var(--space-m-sptmsg, 16px);
|
|
129
129
|
}
|
|
130
130
|
@media (min-width: 689px) {
|
|
131
|
-
section.
|
|
131
|
+
section.awsui_appbar_hyvsj_1s8d9_93:not(#\9) {
|
|
132
132
|
/*
|
|
133
133
|
If Breadcrumbs do not exist then the AppBar should be suppressed
|
|
134
134
|
because in large viewports the triggers are rendered
|
|
@@ -164,41 +164,41 @@ section.awsui_appbar_hyvsj_a6htg_93 > .awsui_drawers-mobile-triggers-container_h
|
|
|
164
164
|
be lifted so it doesn't render behind the background element.
|
|
165
165
|
*/
|
|
166
166
|
}
|
|
167
|
-
section.
|
|
167
|
+
section.awsui_appbar_hyvsj_1s8d9_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1s8d9_167) {
|
|
168
168
|
display: none;
|
|
169
169
|
}
|
|
170
|
-
section.
|
|
171
|
-
section.
|
|
172
|
-
section.
|
|
170
|
+
section.awsui_appbar_hyvsj_1s8d9_93 > .awsui_appbar-nav_hyvsj_1s8d9_117:not(#\9),
|
|
171
|
+
section.awsui_appbar_hyvsj_1s8d9_93 > .awsui_appbar-tools_hyvsj_1s8d9_125:not(#\9),
|
|
172
|
+
section.awsui_appbar_hyvsj_1s8d9_93 > .awsui_drawers-mobile-triggers-container_hyvsj_1s8d9_126:not(#\9) {
|
|
173
173
|
display: none;
|
|
174
174
|
}
|
|
175
|
-
section.
|
|
176
|
-
padding-top: var(--space-scaled-m-
|
|
175
|
+
section.awsui_appbar_hyvsj_1s8d9_93 > .awsui_breadcrumbs_hyvsj_1s8d9_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_1s8d9_175) {
|
|
176
|
+
padding-top: var(--space-scaled-m-9q5ipc, 16px);
|
|
177
177
|
}
|
|
178
|
-
section.
|
|
179
|
-
padding-top: var(--space-scaled-2x-s-
|
|
178
|
+
section.awsui_appbar_hyvsj_1s8d9_93 > .awsui_breadcrumbs_hyvsj_1s8d9_121.awsui_has-notifications-content_hyvsj_1s8d9_175:not(#\9) {
|
|
179
|
+
padding-top: var(--space-scaled-2x-s-iaysam, 12px);
|
|
180
180
|
}
|
|
181
|
-
section.
|
|
182
|
-
section.
|
|
183
|
-
padding-bottom: var(--space-m-
|
|
181
|
+
section.awsui_appbar_hyvsj_1s8d9_93 > .awsui_breadcrumbs_hyvsj_1s8d9_121:not(#\9):not(.awsui_has-header_hyvsj_1s8d9_181):not(.awsui_has-dynamic-overlap-height_hyvsj_1s8d9_181),
|
|
182
|
+
section.awsui_appbar_hyvsj_1s8d9_93 > .awsui_breadcrumbs_hyvsj_1s8d9_121:not(#\9):not(.awsui_has-header_hyvsj_1s8d9_181).awsui_content-type-wizard_hyvsj_1s8d9_182 {
|
|
183
|
+
padding-bottom: var(--space-m-sptmsg, 16px);
|
|
184
184
|
}
|
|
185
|
-
section.
|
|
186
|
-
section.
|
|
187
|
-
padding-bottom: var(--space-xxs-
|
|
185
|
+
section.awsui_appbar_hyvsj_1s8d9_93 > .awsui_breadcrumbs_hyvsj_1s8d9_121.awsui_content-type-cards_hyvsj_1s8d9_185:not(#\9),
|
|
186
|
+
section.awsui_appbar_hyvsj_1s8d9_93 > .awsui_breadcrumbs_hyvsj_1s8d9_121.awsui_content-type-table_hyvsj_1s8d9_186:not(#\9) {
|
|
187
|
+
padding-bottom: var(--space-xxs-a6783b, 4px);
|
|
188
188
|
}
|
|
189
|
-
section.
|
|
189
|
+
section.awsui_appbar_hyvsj_1s8d9_93 > .awsui_breadcrumbs_hyvsj_1s8d9_121.awsui_has-sticky-background_hyvsj_1s8d9_189:not(#\9) {
|
|
190
190
|
z-index: 799;
|
|
191
191
|
}
|
|
192
192
|
}
|
|
193
193
|
@media (max-width: 688px) {
|
|
194
|
-
section.
|
|
195
|
-
background-color: var(--color-background-home-header-
|
|
196
|
-
border-bottom: 1px solid var(--color-border-divider-default-
|
|
197
|
-
box-shadow: var(--shadow-panel-toggle-
|
|
194
|
+
section.awsui_appbar_hyvsj_1s8d9_93:not(#\9) {
|
|
195
|
+
background-color: var(--color-background-home-header-uszgqm, #000716);
|
|
196
|
+
border-bottom: 1px solid var(--color-border-divider-default-4spq70, #e9ebed);
|
|
197
|
+
box-shadow: var(--shadow-panel-toggle-0lutgw, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
198
198
|
grid-column: 1/span 5;
|
|
199
199
|
grid-row: 1;
|
|
200
200
|
height: var(--awsui-mobile-bar-height-rrnppm);
|
|
201
|
-
padding: 0 var(--space-m-
|
|
201
|
+
padding: 0 var(--space-m-sptmsg, 16px);
|
|
202
202
|
position: sticky;
|
|
203
203
|
top: var(--awsui-offset-top-rrnppm);
|
|
204
204
|
z-index: 1000;
|
|
@@ -207,12 +207,12 @@ section.awsui_appbar_hyvsj_a6htg_93 > .awsui_drawers-mobile-triggers-container_h
|
|
|
207
207
|
they are now sticky positioned in the viewport with the AppBar.
|
|
208
208
|
*/
|
|
209
209
|
}
|
|
210
|
-
section.
|
|
211
|
-
section.
|
|
212
|
-
section.
|
|
210
|
+
section.awsui_appbar_hyvsj_1s8d9_93 > .awsui_appbar-nav_hyvsj_1s8d9_117:not(#\9),
|
|
211
|
+
section.awsui_appbar_hyvsj_1s8d9_93 > .awsui_appbar-tools_hyvsj_1s8d9_125:not(#\9),
|
|
212
|
+
section.awsui_appbar_hyvsj_1s8d9_93 > .awsui_drawers-mobile-triggers-container_hyvsj_1s8d9_126:not(#\9) {
|
|
213
213
|
display: block;
|
|
214
214
|
}
|
|
215
|
-
section.
|
|
215
|
+
section.awsui_appbar_hyvsj_1s8d9_93 > .awsui_breadcrumbs_hyvsj_1s8d9_121:not(#\9) {
|
|
216
216
|
padding: 0;
|
|
217
217
|
}
|
|
218
218
|
}
|
|
@@ -221,14 +221,14 @@ section.awsui_appbar_hyvsj_a6htg_93 > .awsui_drawers-mobile-triggers-container_h
|
|
|
221
221
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
222
222
|
SPDX-License-Identifier: Apache-2.0
|
|
223
223
|
*/
|
|
224
|
-
div.
|
|
224
|
+
div.awsui_background_hyvsj_1s8d9_224:not(#\9) {
|
|
225
225
|
display: contents;
|
|
226
226
|
}
|
|
227
|
-
div.
|
|
228
|
-
background-color: var(--color-background-layout-main-
|
|
227
|
+
div.awsui_background_hyvsj_1s8d9_224 > .awsui_notifications-appbar-header_hyvsj_1s8d9_227:not(#\9) {
|
|
228
|
+
background-color: var(--color-background-layout-main-iz43sl, #ffffff);
|
|
229
229
|
grid-column: 1/span 5;
|
|
230
230
|
grid-row: 1/span 3;
|
|
231
|
-
color: var(--color-text-body-default-
|
|
231
|
+
color: var(--color-text-body-default-01bwmw, #000716);
|
|
232
232
|
/*
|
|
233
233
|
The cards and table content types have a sticky dark header that is
|
|
234
234
|
offset beneath the sticky notifications if they exist. If the background
|
|
@@ -237,17 +237,17 @@ div.awsui_background_hyvsj_a6htg_224 > .awsui_notifications-appbar-header_hyvsj_
|
|
|
237
237
|
*/
|
|
238
238
|
}
|
|
239
239
|
@media (min-width: 689px) {
|
|
240
|
-
div.
|
|
240
|
+
div.awsui_background_hyvsj_1s8d9_224 > .awsui_notifications-appbar-header_hyvsj_1s8d9_227.awsui_has-sticky-background_hyvsj_1s8d9_189.awsui_has-notifications-content_hyvsj_1s8d9_175.awsui_sticky-notifications_hyvsj_1s8d9_240:not(#\9) {
|
|
241
241
|
position: sticky;
|
|
242
242
|
top: var(--awsui-offset-top-rrnppm);
|
|
243
243
|
z-index: 799;
|
|
244
244
|
}
|
|
245
245
|
}
|
|
246
|
-
div.
|
|
247
|
-
background-color: var(--color-background-layout-main-
|
|
246
|
+
div.awsui_background_hyvsj_1s8d9_224 > .awsui_overlap_hyvsj_1s8d9_246:not(#\9) {
|
|
247
|
+
background-color: var(--color-background-layout-main-iz43sl, #ffffff);
|
|
248
248
|
grid-column: 1/span 5;
|
|
249
249
|
grid-row: 4;
|
|
250
|
-
color: var(--color-text-body-default-
|
|
250
|
+
color: var(--color-text-body-default-01bwmw, #000716);
|
|
251
251
|
/*
|
|
252
252
|
The cards and table content types can have sticky header content that
|
|
253
253
|
will retain position on viewport scroll. The overlap background needs to
|
|
@@ -256,7 +256,7 @@ div.awsui_background_hyvsj_a6htg_224 > .awsui_overlap_hyvsj_a6htg_246:not(#\9) {
|
|
|
256
256
|
*/
|
|
257
257
|
}
|
|
258
258
|
@media (min-width: 689px) {
|
|
259
|
-
div.
|
|
259
|
+
div.awsui_background_hyvsj_1s8d9_224 > .awsui_overlap_hyvsj_1s8d9_246.awsui_has-sticky-background_hyvsj_1s8d9_189:not(#\9) {
|
|
260
260
|
position: sticky;
|
|
261
261
|
top: var(--awsui-offset-top-with-notifications-rrnppm);
|
|
262
262
|
z-index: 799;
|
|
@@ -271,7 +271,7 @@ div.awsui_background_hyvsj_a6htg_224 > .awsui_overlap_hyvsj_a6htg_246:not(#\9) {
|
|
|
271
271
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
272
272
|
SPDX-License-Identifier: Apache-2.0
|
|
273
273
|
*/
|
|
274
|
-
.awsui_drawers-
|
|
274
|
+
.awsui_drawers-container_hyvsj_1s8d9_274:not(#\9) {
|
|
275
275
|
background-color: transparent;
|
|
276
276
|
display: flex;
|
|
277
277
|
grid-column: 5;
|
|
@@ -281,31 +281,31 @@ div.awsui_background_hyvsj_a6htg_224 > .awsui_overlap_hyvsj_a6htg_246:not(#\9) {
|
|
|
281
281
|
position: sticky;
|
|
282
282
|
top: var(--awsui-offset-top-rrnppm);
|
|
283
283
|
z-index: 830;
|
|
284
|
-
transition: background-color var(--motion-duration-refresh-only-fast-
|
|
284
|
+
transition: background-color var(--motion-duration-refresh-only-fast-n43vlu, 115ms);
|
|
285
285
|
}
|
|
286
|
-
.awsui_drawers-
|
|
287
|
-
background-color: var(--color-background-container-content-
|
|
288
|
-
box-shadow: var(--shadow-panel-
|
|
286
|
+
.awsui_drawers-container_hyvsj_1s8d9_274.awsui_has-open-drawer_hyvsj_1s8d9_286:not(#\9) {
|
|
287
|
+
background-color: var(--color-background-container-content-em2lah, #ffffff);
|
|
288
|
+
box-shadow: var(--shadow-panel-bf68qm, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
289
289
|
}
|
|
290
290
|
@media (prefers-reduced-motion: reduce) {
|
|
291
|
-
.awsui_drawers-
|
|
291
|
+
.awsui_drawers-container_hyvsj_1s8d9_274:not(#\9) {
|
|
292
292
|
animation: none;
|
|
293
293
|
transition: none;
|
|
294
294
|
}
|
|
295
295
|
}
|
|
296
|
-
.awsui-motion-disabled .awsui_drawers-
|
|
296
|
+
.awsui-motion-disabled .awsui_drawers-container_hyvsj_1s8d9_274:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_1s8d9_274:not(#\9) {
|
|
297
297
|
animation: none;
|
|
298
298
|
transition: none;
|
|
299
299
|
}
|
|
300
300
|
@media (min-width: 689px) {
|
|
301
|
-
.awsui_drawers-
|
|
301
|
+
.awsui_drawers-container_hyvsj_1s8d9_274:not(#\9) {
|
|
302
302
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
303
303
|
max-width: calc(var(--awsui-layout-width-rrnppm) - var(--awsui-main-offset-left-rrnppm) - var(--awsui-default-min-content-width-rrnppm) - var(--awsui-content-gap-right-rrnppm));
|
|
304
304
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
305
305
|
}
|
|
306
306
|
}
|
|
307
307
|
@media (max-width: 688px) {
|
|
308
|
-
.awsui_drawers-
|
|
308
|
+
.awsui_drawers-container_hyvsj_1s8d9_274:not(#\9) {
|
|
309
309
|
position: fixed;
|
|
310
310
|
right: 0;
|
|
311
311
|
z-index: 1001;
|
|
@@ -317,12 +317,12 @@ div.awsui_background_hyvsj_a6htg_224 > .awsui_overlap_hyvsj_a6htg_246:not(#\9) {
|
|
|
317
317
|
relative to the body.
|
|
318
318
|
*/
|
|
319
319
|
}
|
|
320
|
-
.awsui_drawers-
|
|
320
|
+
.awsui_drawers-container_hyvsj_1s8d9_274.awsui_disable-body-scroll_hyvsj_1s8d9_320:not(#\9) {
|
|
321
321
|
top: var(--awsui-header-height-rrnppm);
|
|
322
322
|
}
|
|
323
323
|
}
|
|
324
324
|
|
|
325
|
-
.awsui_drawers-desktop-triggers-
|
|
325
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1s8d9_325:not(#\9) {
|
|
326
326
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
327
327
|
border-collapse: separate;
|
|
328
328
|
border-spacing: 0;
|
|
@@ -352,11 +352,11 @@ div.awsui_background_hyvsj_a6htg_224 > .awsui_overlap_hyvsj_a6htg_246:not(#\9) {
|
|
|
352
352
|
widows: 2;
|
|
353
353
|
word-spacing: normal;
|
|
354
354
|
box-sizing: border-box;
|
|
355
|
-
font-size: var(--font-body-m-size-
|
|
356
|
-
line-height: var(--font-body-m-line-height-
|
|
357
|
-
color: var(--color-text-body-default-
|
|
355
|
+
font-size: var(--font-body-m-size-cqtcam, 14px);
|
|
356
|
+
line-height: var(--font-body-m-line-height-83azrc, 22px);
|
|
357
|
+
color: var(--color-text-body-default-01bwmw, #000716);
|
|
358
358
|
font-weight: 400;
|
|
359
|
-
font-family: var(--font-family-base-
|
|
359
|
+
font-family: var(--font-family-base-kd6hgy, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
360
360
|
-webkit-font-smoothing: auto;
|
|
361
361
|
-moz-osx-font-smoothing: auto;
|
|
362
362
|
background-color: transparent;
|
|
@@ -366,125 +366,125 @@ div.awsui_background_hyvsj_a6htg_224 > .awsui_overlap_hyvsj_a6htg_246:not(#\9) {
|
|
|
366
366
|
overflow-x: hidden;
|
|
367
367
|
overscroll-behavior-y: contain;
|
|
368
368
|
}
|
|
369
|
-
.awsui_drawers-desktop-triggers-
|
|
369
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1s8d9_325:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1s8d9_343).awsui_has-open-drawer_hyvsj_1s8d9_286 {
|
|
370
370
|
width: 0;
|
|
371
371
|
}
|
|
372
|
-
.awsui_drawers-desktop-triggers-
|
|
373
|
-
background-color: var(--color-background-container-content-
|
|
374
|
-
transition: background-color var(--motion-duration-refresh-only-fast-
|
|
372
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1s8d9_325.awsui_has-multiple-triggers_hyvsj_1s8d9_343.awsui_has-open-drawer_hyvsj_1s8d9_286:not(#\9) {
|
|
373
|
+
background-color: var(--color-background-container-content-em2lah, #ffffff);
|
|
374
|
+
transition: background-color var(--motion-duration-refresh-only-fast-n43vlu, 115ms);
|
|
375
375
|
}
|
|
376
376
|
@media (prefers-reduced-motion: reduce) {
|
|
377
|
-
.awsui_drawers-desktop-triggers-
|
|
377
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1s8d9_325.awsui_has-multiple-triggers_hyvsj_1s8d9_343.awsui_has-open-drawer_hyvsj_1s8d9_286:not(#\9) {
|
|
378
378
|
animation: none;
|
|
379
379
|
transition: none;
|
|
380
380
|
}
|
|
381
381
|
}
|
|
382
|
-
.awsui-motion-disabled .awsui_drawers-desktop-triggers-
|
|
382
|
+
.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_1s8d9_325.awsui_has-multiple-triggers_hyvsj_1s8d9_343.awsui_has-open-drawer_hyvsj_1s8d9_286:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_1s8d9_325.awsui_has-multiple-triggers_hyvsj_1s8d9_343.awsui_has-open-drawer_hyvsj_1s8d9_286:not(#\9) {
|
|
383
383
|
animation: none;
|
|
384
384
|
transition: none;
|
|
385
385
|
}
|
|
386
|
-
.awsui_drawers-desktop-triggers-
|
|
387
|
-
width: calc(var(--space-layout-toggle-padding-
|
|
388
|
-
transition: width var(--motion-duration-refresh-only-fast-
|
|
386
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1s8d9_325:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1s8d9_343):not(.awsui_has-open-drawer_hyvsj_1s8d9_286) {
|
|
387
|
+
width: calc(var(--space-layout-toggle-padding-mgz0u7, 20px) * 2 + var(--space-layout-toggle-diameter-e6hjiu, 40px));
|
|
388
|
+
transition: width var(--motion-duration-refresh-only-fast-n43vlu, 115ms);
|
|
389
389
|
}
|
|
390
390
|
@media (prefers-reduced-motion: reduce) {
|
|
391
|
-
.awsui_drawers-desktop-triggers-
|
|
391
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1s8d9_325:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1s8d9_343):not(.awsui_has-open-drawer_hyvsj_1s8d9_286) {
|
|
392
392
|
animation: none;
|
|
393
393
|
transition: none;
|
|
394
394
|
}
|
|
395
395
|
}
|
|
396
|
-
.awsui-motion-disabled .awsui_drawers-desktop-triggers-
|
|
396
|
+
.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_1s8d9_325:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1s8d9_343):not(.awsui_has-open-drawer_hyvsj_1s8d9_286), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_1s8d9_325:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1s8d9_343):not(.awsui_has-open-drawer_hyvsj_1s8d9_286) {
|
|
397
397
|
animation: none;
|
|
398
398
|
transition: none;
|
|
399
399
|
}
|
|
400
400
|
|
|
401
|
-
.awsui_drawers-trigger-
|
|
401
|
+
.awsui_drawers-trigger-content_hyvsj_1s8d9_375:not(#\9) {
|
|
402
402
|
align-items: center;
|
|
403
403
|
display: flex;
|
|
404
404
|
flex-direction: column;
|
|
405
|
-
gap: var(--space-xs-
|
|
406
|
-
padding-top: var(--space-scaled-s-
|
|
407
|
-
width: calc(var(--space-layout-toggle-padding-
|
|
405
|
+
gap: var(--space-xs-inub5w, 8px);
|
|
406
|
+
padding-top: var(--space-scaled-s-gczsk7, 12px);
|
|
407
|
+
width: calc(var(--space-layout-toggle-padding-mgz0u7, 20px) * 2 + var(--space-layout-toggle-diameter-e6hjiu, 40px));
|
|
408
408
|
}
|
|
409
|
-
.awsui_drawers-trigger-
|
|
409
|
+
.awsui_drawers-trigger-content_hyvsj_1s8d9_375:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1s8d9_343).awsui_has-open-drawer_hyvsj_1s8d9_286 {
|
|
410
410
|
opacity: 0;
|
|
411
411
|
}
|
|
412
|
-
.awsui_drawers-trigger-
|
|
412
|
+
.awsui_drawers-trigger-content_hyvsj_1s8d9_375:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1s8d9_343):not(.awsui_has-open-drawer_hyvsj_1s8d9_286) {
|
|
413
413
|
opacity: 1;
|
|
414
|
-
transition: opacity var(--motion-duration-refresh-only-medium-
|
|
415
|
-
transition-delay: calc(var(--motion-duration-refresh-only-fast-
|
|
414
|
+
transition: opacity var(--motion-duration-refresh-only-medium-af0v35, 165ms);
|
|
415
|
+
transition-delay: calc(var(--motion-duration-refresh-only-fast-n43vlu, 115ms) / 1.5);
|
|
416
416
|
}
|
|
417
417
|
@media (prefers-reduced-motion: reduce) {
|
|
418
|
-
.awsui_drawers-trigger-
|
|
418
|
+
.awsui_drawers-trigger-content_hyvsj_1s8d9_375:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1s8d9_343):not(.awsui_has-open-drawer_hyvsj_1s8d9_286) {
|
|
419
419
|
animation: none;
|
|
420
420
|
transition: none;
|
|
421
421
|
}
|
|
422
422
|
}
|
|
423
|
-
.awsui-motion-disabled .awsui_drawers-trigger-
|
|
423
|
+
.awsui-motion-disabled .awsui_drawers-trigger-content_hyvsj_1s8d9_375:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1s8d9_343):not(.awsui_has-open-drawer_hyvsj_1s8d9_286), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_1s8d9_375:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1s8d9_343):not(.awsui_has-open-drawer_hyvsj_1s8d9_286) {
|
|
424
424
|
animation: none;
|
|
425
425
|
transition: none;
|
|
426
426
|
}
|
|
427
427
|
|
|
428
428
|
@media (max-width: 688px) {
|
|
429
|
-
.awsui_drawers-
|
|
429
|
+
.awsui_drawers-trigger_hyvsj_1s8d9_375:not(#\9) {
|
|
430
430
|
width: 40px;
|
|
431
431
|
text-align: right;
|
|
432
432
|
}
|
|
433
433
|
}
|
|
434
434
|
|
|
435
|
-
.
|
|
435
|
+
.awsui_drawer_hyvsj_1s8d9_126:not(#\9) {
|
|
436
436
|
--awsui-active-drawer-width-rrnppm: 290px;
|
|
437
|
-
background-color: var(--color-background-container-content-
|
|
437
|
+
background-color: var(--color-background-container-content-em2lah, #ffffff);
|
|
438
438
|
border-color: transparent;
|
|
439
439
|
display: grid;
|
|
440
440
|
flex-shrink: 0;
|
|
441
|
-
grid-template-columns: 1fr auto var(--space-m-
|
|
442
|
-
grid-template-rows: var(--size-vertical-panel-icon-offset-
|
|
441
|
+
grid-template-columns: 1fr auto var(--space-m-sptmsg, 16px);
|
|
442
|
+
grid-template-rows: var(--size-vertical-panel-icon-offset-47mfcv, 15px) auto 1fr;
|
|
443
443
|
height: 100%;
|
|
444
444
|
overflow-y: auto;
|
|
445
445
|
overflow-x: hidden;
|
|
446
446
|
overscroll-behavior-y: contain;
|
|
447
447
|
pointer-events: auto;
|
|
448
448
|
word-wrap: break-word;
|
|
449
|
-
transition: var(--motion-duration-refresh-only-fast-
|
|
449
|
+
transition: var(--motion-duration-refresh-only-fast-n43vlu, 115ms);
|
|
450
450
|
transition-property: border-color, opacity, width;
|
|
451
451
|
}
|
|
452
|
-
.
|
|
452
|
+
.awsui_drawer_hyvsj_1s8d9_126 > .awsui_drawer-close-button_hyvsj_1s8d9_426:not(#\9) {
|
|
453
453
|
grid-column: 2;
|
|
454
454
|
grid-row: 2;
|
|
455
455
|
z-index: 1;
|
|
456
456
|
}
|
|
457
|
-
.
|
|
457
|
+
.awsui_drawer_hyvsj_1s8d9_126 > .awsui_drawer-content_hyvsj_1s8d9_431:not(#\9) {
|
|
458
458
|
grid-column: 1/span 3;
|
|
459
459
|
grid-row: 1/span 3;
|
|
460
460
|
width: var(--awsui-active-drawer-width-rrnppm);
|
|
461
461
|
}
|
|
462
|
-
.
|
|
462
|
+
.awsui_drawer_hyvsj_1s8d9_126:not(#\9):not(.awsui_is-drawer-open_hyvsj_1s8d9_436) {
|
|
463
463
|
opacity: 0;
|
|
464
464
|
width: 0;
|
|
465
465
|
}
|
|
466
|
-
.
|
|
467
|
-
border-right: var(--border-divider-section-width-
|
|
466
|
+
.awsui_drawer_hyvsj_1s8d9_126.awsui_is-drawer-open_hyvsj_1s8d9_436:not(#\9) {
|
|
467
|
+
border-right: var(--border-divider-section-width-g0ay3c, 2px) solid var(--color-border-divider-default-4spq70, #e9ebed);
|
|
468
468
|
opacity: 1;
|
|
469
469
|
width: var(--awsui-active-drawer-width-rrnppm);
|
|
470
470
|
}
|
|
471
471
|
@media (prefers-reduced-motion: reduce) {
|
|
472
|
-
.
|
|
472
|
+
.awsui_drawer_hyvsj_1s8d9_126:not(#\9) {
|
|
473
473
|
animation: none;
|
|
474
474
|
transition: none;
|
|
475
475
|
}
|
|
476
476
|
}
|
|
477
|
-
.awsui-motion-disabled .
|
|
477
|
+
.awsui-motion-disabled .awsui_drawer_hyvsj_1s8d9_126:not(#\9), .awsui-mode-entering .awsui_drawer_hyvsj_1s8d9_126:not(#\9) {
|
|
478
478
|
animation: none;
|
|
479
479
|
transition: none;
|
|
480
480
|
}
|
|
481
481
|
@media (min-width: 2541px) {
|
|
482
|
-
.
|
|
482
|
+
.awsui_drawer_hyvsj_1s8d9_126.awsui_is-drawer-open_hyvsj_1s8d9_436:not(#\9) {
|
|
483
483
|
--awsui-active-drawer-width-rrnppm: 320px;
|
|
484
484
|
}
|
|
485
485
|
}
|
|
486
486
|
@media (max-width: 688px) {
|
|
487
|
-
.
|
|
487
|
+
.awsui_drawer_hyvsj_1s8d9_126.awsui_is-drawer-open_hyvsj_1s8d9_436:not(#\9) {
|
|
488
488
|
--awsui-active-drawer-width-rrnppm: 100vw;
|
|
489
489
|
}
|
|
490
490
|
}
|
|
@@ -493,13 +493,13 @@ div.awsui_background_hyvsj_a6htg_224 > .awsui_overlap_hyvsj_a6htg_246:not(#\9) {
|
|
|
493
493
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
494
494
|
SPDX-License-Identifier: Apache-2.0
|
|
495
495
|
*/
|
|
496
|
-
header.
|
|
496
|
+
header.awsui_content_hyvsj_1s8d9_182:not(#\9) {
|
|
497
497
|
grid-column: 3;
|
|
498
498
|
grid-row: 3;
|
|
499
|
-
padding-bottom: var(--space-content-header-padding-bottom-
|
|
499
|
+
padding-bottom: var(--space-content-header-padding-bottom-98ndis, 24px);
|
|
500
500
|
}
|
|
501
501
|
@media (min-width: 689px) {
|
|
502
|
-
header.
|
|
502
|
+
header.awsui_content_hyvsj_1s8d9_182:not(#\9) {
|
|
503
503
|
/*
|
|
504
504
|
If Notifications exist and Breadcrumbs do not then Notifications
|
|
505
505
|
is the previous adjacent sibling to the Header. Add minimal top padding
|
|
@@ -517,26 +517,26 @@ header.awsui_content_hyvsj_a6htg_182:not(#\9) {
|
|
|
517
517
|
circular buttons.
|
|
518
518
|
*/
|
|
519
519
|
}
|
|
520
|
-
header.
|
|
521
|
-
padding-top: var(--space-scaled-xs-
|
|
520
|
+
header.awsui_content_hyvsj_1s8d9_182.awsui_has-notifications-content_hyvsj_1s8d9_175:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1s8d9_167) {
|
|
521
|
+
padding-top: var(--space-scaled-xs-u0e7ft, 8px);
|
|
522
522
|
}
|
|
523
|
-
header.
|
|
524
|
-
padding-top: var(--space-xxs-
|
|
523
|
+
header.awsui_content_hyvsj_1s8d9_182.awsui_has-breadcrumbs_hyvsj_1s8d9_167:not(#\9) {
|
|
524
|
+
padding-top: var(--space-xxs-a6783b, 4px);
|
|
525
525
|
}
|
|
526
|
-
header.
|
|
527
|
-
padding-top: var(--space-scaled-xs-
|
|
526
|
+
header.awsui_content_hyvsj_1s8d9_182:not(#\9):not(.awsui_has-notifications-content_hyvsj_1s8d9_175):not(.awsui_has-breadcrumbs_hyvsj_1s8d9_167) {
|
|
527
|
+
padding-top: var(--space-scaled-xs-u0e7ft, 8px);
|
|
528
528
|
}
|
|
529
529
|
}
|
|
530
530
|
@media (max-width: 688px) {
|
|
531
|
-
header.
|
|
532
|
-
padding: var(--space-m-
|
|
531
|
+
header.awsui_content_hyvsj_1s8d9_182:not(#\9) {
|
|
532
|
+
padding: var(--space-m-sptmsg, 16px) 0 var(--space-content-header-padding-bottom-98ndis, 24px);
|
|
533
533
|
/*
|
|
534
534
|
Breadcrumbs has moved to first position and sticky so Notifications
|
|
535
535
|
are now the previous adjacent sibling if they exist.
|
|
536
536
|
*/
|
|
537
537
|
}
|
|
538
|
-
header.
|
|
539
|
-
padding-top: var(--space-scaled-xs-
|
|
538
|
+
header.awsui_content_hyvsj_1s8d9_182.awsui_has-notifications-content_hyvsj_1s8d9_175:not(#\9) {
|
|
539
|
+
padding-top: var(--space-scaled-xs-u0e7ft, 8px);
|
|
540
540
|
}
|
|
541
541
|
}
|
|
542
542
|
|
|
@@ -557,7 +557,7 @@ header.awsui_content_hyvsj_a6htg_182:not(#\9) {
|
|
|
557
557
|
circumstances regardless of whether the minContentWidth property is
|
|
558
558
|
explicitly set in script.
|
|
559
559
|
*/
|
|
560
|
-
.
|
|
560
|
+
.awsui_layout_hyvsj_1s8d9_534:not(#\9) {
|
|
561
561
|
--awsui-content-gap-left-rrnppm: 0px;
|
|
562
562
|
--awsui-content-gap-right-rrnppm: 0px;
|
|
563
563
|
--awsui-content-height-rrnppm: calc(100vh - var(--awsui-header-height-rrnppm) - var(--awsui-footer-height-rrnppm));
|
|
@@ -569,17 +569,17 @@ header.awsui_content_hyvsj_a6htg_182:not(#\9) {
|
|
|
569
569
|
--awsui-main-offset-left-rrnppm: 0px;
|
|
570
570
|
--awsui-max-content-width-rrnppm: 0px;
|
|
571
571
|
--awsui-min-content-width-rrnppm: 280px;
|
|
572
|
-
--awsui-mobile-bar-height-rrnppm: calc(2 * var(--space-m-
|
|
572
|
+
--awsui-mobile-bar-height-rrnppm: calc(2 * var(--space-m-sptmsg, 16px) + var(--space-scaled-xs-u0e7ft, 8px));
|
|
573
573
|
--awsui-notifications-height-rrnppm: 0px;
|
|
574
574
|
--awsui-offset-top-rrnppm: 0px;
|
|
575
575
|
--awsui-offset-top-with-notifications-rrnppm: 0px;
|
|
576
|
-
--awsui-overlap-height-rrnppm: var(--space-dark-header-overlap-distance-
|
|
577
|
-
background-color: var(--color-background-layout-main-
|
|
576
|
+
--awsui-overlap-height-rrnppm: var(--space-dark-header-overlap-distance-d8wdqm, 36px);
|
|
577
|
+
background-color: var(--color-background-layout-main-iz43sl, #ffffff);
|
|
578
578
|
display: grid;
|
|
579
579
|
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-rrnppm) 1fr;
|
|
580
580
|
grid-template-columns: min-content minmax(var(--awsui-content-gap-left-rrnppm), 1fr) minmax(var(--awsui-default-min-content-width-rrnppm), var(--awsui-default-max-content-width-rrnppm)) minmax(var(--awsui-content-gap-right-rrnppm), 1fr) min-content;
|
|
581
581
|
position: relative;
|
|
582
|
-
color: var(--color-text-body-default-
|
|
582
|
+
color: var(--color-text-body-default-01bwmw, #000716);
|
|
583
583
|
/*
|
|
584
584
|
Only use the max content width custom property for the middle column definition
|
|
585
585
|
if the maxContentWidth property has been explicitly set to a non-zero value and
|
|
@@ -641,92 +641,92 @@ header.awsui_content_hyvsj_a6htg_182:not(#\9) {
|
|
|
641
641
|
*/
|
|
642
642
|
}
|
|
643
643
|
@media (min-width: 1401px) {
|
|
644
|
-
.
|
|
644
|
+
.awsui_layout_hyvsj_1s8d9_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_1s8d9_618) {
|
|
645
645
|
--awsui-default-max-content-width-rrnppm: 1280px;
|
|
646
646
|
}
|
|
647
647
|
}
|
|
648
648
|
@media (min-width: 1921px) {
|
|
649
|
-
.
|
|
649
|
+
.awsui_layout_hyvsj_1s8d9_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_1s8d9_618) {
|
|
650
650
|
--awsui-default-max-content-width-rrnppm: 1440px;
|
|
651
651
|
}
|
|
652
652
|
}
|
|
653
653
|
@media (min-width: 2541px) {
|
|
654
|
-
.
|
|
654
|
+
.awsui_layout_hyvsj_1s8d9_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_1s8d9_618) {
|
|
655
655
|
--awsui-default-max-content-width-rrnppm: 1620px;
|
|
656
656
|
}
|
|
657
657
|
}
|
|
658
658
|
@media (min-width: 1401px) {
|
|
659
|
-
.
|
|
659
|
+
.awsui_layout_hyvsj_1s8d9_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_1s8d9_618).awsui_content-type-dashboard_hyvsj_1s8d9_633 {
|
|
660
660
|
--awsui-default-max-content-width-rrnppm: 1280px;
|
|
661
661
|
}
|
|
662
662
|
}
|
|
663
663
|
@media (min-width: 1921px) {
|
|
664
|
-
.
|
|
664
|
+
.awsui_layout_hyvsj_1s8d9_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_1s8d9_618).awsui_content-type-dashboard_hyvsj_1s8d9_633 {
|
|
665
665
|
--awsui-default-max-content-width-rrnppm: 1620px;
|
|
666
666
|
}
|
|
667
667
|
}
|
|
668
668
|
@media (min-width: 2541px) {
|
|
669
|
-
.
|
|
669
|
+
.awsui_layout_hyvsj_1s8d9_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_1s8d9_618).awsui_content-type-dashboard_hyvsj_1s8d9_633 {
|
|
670
670
|
--awsui-default-max-content-width-rrnppm: 2160px;
|
|
671
671
|
}
|
|
672
672
|
}
|
|
673
|
-
.
|
|
673
|
+
.awsui_layout_hyvsj_1s8d9_534.awsui_has-max-content-width_hyvsj_1s8d9_618:not(#\9) {
|
|
674
674
|
--awsui-default-max-content-width-rrnppm: var(--awsui-max-content-width-rrnppm);
|
|
675
675
|
}
|
|
676
676
|
@media (min-width: 993px) {
|
|
677
|
-
.
|
|
677
|
+
.awsui_layout_hyvsj_1s8d9_534:not(#\9) {
|
|
678
678
|
--awsui-default-min-content-width-rrnppm: var(--awsui-min-content-width-rrnppm, 280px);
|
|
679
679
|
}
|
|
680
680
|
}
|
|
681
681
|
@media (max-width: 992px) {
|
|
682
|
-
.
|
|
682
|
+
.awsui_layout_hyvsj_1s8d9_534:not(#\9) {
|
|
683
683
|
--awsui-default-min-content-width-rrnppm: 0px;
|
|
684
684
|
}
|
|
685
685
|
}
|
|
686
|
-
.
|
|
686
|
+
.awsui_layout_hyvsj_1s8d9_534.awsui_is-overlap-disabled_hyvsj_1s8d9_660:not(#\9) {
|
|
687
687
|
--awsui-overlap-height-rrnppm: 0;
|
|
688
688
|
}
|
|
689
|
-
.
|
|
689
|
+
.awsui_layout_hyvsj_1s8d9_534:not(#\9):not(.awsui_disable-body-scroll_hyvsj_1s8d9_320) {
|
|
690
690
|
--awsui-offset-top-rrnppm: var(--awsui-header-height-rrnppm);
|
|
691
691
|
min-height: var(--awsui-content-height-rrnppm);
|
|
692
692
|
}
|
|
693
|
-
.
|
|
693
|
+
.awsui_layout_hyvsj_1s8d9_534:not(#\9):not(.awsui_disable-body-scroll_hyvsj_1s8d9_320):not(.awsui_has-sticky-notifications_hyvsj_1s8d9_667) {
|
|
694
694
|
--awsui-offset-top-with-notifications-rrnppm: var(--awsui-header-height-rrnppm);
|
|
695
695
|
}
|
|
696
|
-
.
|
|
696
|
+
.awsui_layout_hyvsj_1s8d9_534:not(#\9):not(.awsui_disable-body-scroll_hyvsj_1s8d9_320).awsui_has-sticky-notifications_hyvsj_1s8d9_667 {
|
|
697
697
|
--awsui-offset-top-with-notifications-rrnppm: calc(
|
|
698
|
-
var(--awsui-header-height-rrnppm) + var(--awsui-notifications-height-rrnppm) + var(--space-xs-
|
|
698
|
+
var(--awsui-header-height-rrnppm) + var(--awsui-notifications-height-rrnppm) + var(--space-xs-inub5w, 8px) + var(--space-xxxs-rq3iss, 2px)
|
|
699
699
|
);
|
|
700
700
|
}
|
|
701
|
-
.
|
|
701
|
+
.awsui_layout_hyvsj_1s8d9_534.awsui_disable-body-scroll_hyvsj_1s8d9_320:not(#\9) {
|
|
702
702
|
--awsui-offset-top-rrnppm: 0px;
|
|
703
703
|
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-rrnppm) 1fr auto;
|
|
704
704
|
height: var(--awsui-content-height-rrnppm);
|
|
705
705
|
overflow-y: scroll;
|
|
706
706
|
}
|
|
707
|
-
.
|
|
707
|
+
.awsui_layout_hyvsj_1s8d9_534.awsui_disable-body-scroll_hyvsj_1s8d9_320.awsui_has-split-panel_hyvsj_1s8d9_681.awsui_split-panel-position-bottom_hyvsj_1s8d9_681:not(#\9) {
|
|
708
708
|
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-rrnppm) repeat(2, auto);
|
|
709
709
|
}
|
|
710
|
-
.
|
|
710
|
+
.awsui_layout_hyvsj_1s8d9_534.awsui_disable-body-scroll_hyvsj_1s8d9_320:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1s8d9_667) {
|
|
711
711
|
--awsui-offset-top-with-notifications-rrnppm: 0px;
|
|
712
712
|
}
|
|
713
|
-
.
|
|
713
|
+
.awsui_layout_hyvsj_1s8d9_534.awsui_disable-body-scroll_hyvsj_1s8d9_320.awsui_has-sticky-notifications_hyvsj_1s8d9_667:not(#\9) {
|
|
714
714
|
--awsui-offset-top-with-notifications-rrnppm: calc(
|
|
715
|
-
var(--awsui-notifications-height-rrnppm) + var(--space-xs-
|
|
715
|
+
var(--awsui-notifications-height-rrnppm) + var(--space-xs-inub5w, 8px) + var(--space-xxs-a6783b, 4px)
|
|
716
716
|
);
|
|
717
717
|
}
|
|
718
718
|
@media (min-width: 689px) {
|
|
719
|
-
.
|
|
720
|
-
--awsui-content-gap-left-rrnppm: var(--space-scaled-2x-xxxl-
|
|
719
|
+
.awsui_layout_hyvsj_1s8d9_534.awsui_has-content-gap-left_hyvsj_1s8d9_693:not(#\9) {
|
|
720
|
+
--awsui-content-gap-left-rrnppm: var(--space-scaled-2x-xxxl-4usad4, 40px);
|
|
721
721
|
}
|
|
722
|
-
.
|
|
723
|
-
--awsui-content-gap-right-rrnppm: var(--space-scaled-2x-xxxl-
|
|
722
|
+
.awsui_layout_hyvsj_1s8d9_534.awsui_has-content-gap-right_hyvsj_1s8d9_696:not(#\9) {
|
|
723
|
+
--awsui-content-gap-right-rrnppm: var(--space-scaled-2x-xxxl-4usad4, 40px);
|
|
724
724
|
}
|
|
725
725
|
}
|
|
726
726
|
@media (max-width: 688px) {
|
|
727
|
-
.
|
|
728
|
-
--awsui-content-gap-left-rrnppm: var(--space-l-
|
|
729
|
-
--awsui-content-gap-right-rrnppm: var(--space-l-
|
|
727
|
+
.awsui_layout_hyvsj_1s8d9_534:not(#\9) {
|
|
728
|
+
--awsui-content-gap-left-rrnppm: var(--space-l-ds615y, 20px);
|
|
729
|
+
--awsui-content-gap-right-rrnppm: var(--space-l-ds615y, 20px);
|
|
730
730
|
}
|
|
731
731
|
}
|
|
732
732
|
|
|
@@ -734,7 +734,7 @@ header.awsui_content_hyvsj_a6htg_182:not(#\9) {
|
|
|
734
734
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
735
735
|
when the navigation or tools drawers are open in responsive viewports.
|
|
736
736
|
*/
|
|
737
|
-
.awsui_block-body-
|
|
737
|
+
.awsui_block-body-scroll_hyvsj_1s8d9_711:not(#\9) {
|
|
738
738
|
overflow: hidden;
|
|
739
739
|
}
|
|
740
740
|
|
|
@@ -742,10 +742,10 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
742
742
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
743
743
|
SPDX-License-Identifier: Apache-2.0
|
|
744
744
|
*/
|
|
745
|
-
.
|
|
745
|
+
.awsui_container_hyvsj_1s8d9_719:not(#\9) {
|
|
746
746
|
grid-column: 3;
|
|
747
747
|
grid-row: 4/span 2;
|
|
748
|
-
padding-bottom: var(--space-layout-content-bottom-
|
|
748
|
+
padding-bottom: var(--space-layout-content-bottom-nju4ze, 40px);
|
|
749
749
|
/*
|
|
750
750
|
If the split panel is in the bottom position additional padding will need to be
|
|
751
751
|
added to the content area. This is to ensure that the user is able to scroll
|
|
@@ -765,23 +765,23 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
765
765
|
under various circumstances.
|
|
766
766
|
*/
|
|
767
767
|
}
|
|
768
|
-
.
|
|
769
|
-
padding-bottom: calc(var(--awsui-split-panel-height-rrnppm) + var(--space-layout-content-bottom-
|
|
768
|
+
.awsui_container_hyvsj_1s8d9_719.awsui_has-split-panel_hyvsj_1s8d9_681.awsui_split-panel-position-bottom_hyvsj_1s8d9_681:not(#\9) {
|
|
769
|
+
padding-bottom: calc(var(--awsui-split-panel-height-rrnppm) + var(--space-layout-content-bottom-nju4ze, 40px));
|
|
770
770
|
}
|
|
771
|
-
.
|
|
771
|
+
.awsui_container_hyvsj_1s8d9_719.awsui_disable-content-paddings_hyvsj_1s8d9_745:not(#\9) {
|
|
772
772
|
grid-column: 1/6;
|
|
773
773
|
padding: 0;
|
|
774
774
|
}
|
|
775
775
|
@media (min-width: 689px) {
|
|
776
|
-
.
|
|
776
|
+
.awsui_container_hyvsj_1s8d9_719.awsui_disable-content-paddings_hyvsj_1s8d9_745.awsui_is-navigation-open_hyvsj_1s8d9_750:not(#\9) {
|
|
777
777
|
grid-column-start: 2;
|
|
778
778
|
}
|
|
779
|
-
.
|
|
779
|
+
.awsui_container_hyvsj_1s8d9_719.awsui_disable-content-paddings_hyvsj_1s8d9_745.awsui_is-tools-open_hyvsj_1s8d9_753:not(#\9), .awsui_container_hyvsj_1s8d9_719.awsui_disable-content-paddings_hyvsj_1s8d9_745.awsui_is-split-panel-open_hyvsj_1s8d9_753.awsui_split-panel-position-side_hyvsj_1s8d9_753:not(#\9) {
|
|
780
780
|
grid-column-end: 5;
|
|
781
781
|
}
|
|
782
782
|
}
|
|
783
783
|
@media (min-width: 689px) {
|
|
784
|
-
.
|
|
784
|
+
.awsui_container_hyvsj_1s8d9_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1s8d9_745) {
|
|
785
785
|
/*
|
|
786
786
|
Notifications is the previous adjacent sibling to the Main in
|
|
787
787
|
desktop viewports if there are no Breadcrumbs or Header. Use additional
|
|
@@ -796,18 +796,18 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
796
796
|
sibling to the Main which requires no top padding.
|
|
797
797
|
*/
|
|
798
798
|
}
|
|
799
|
-
.
|
|
800
|
-
padding-top: var(--space-scaled-m-
|
|
799
|
+
.awsui_container_hyvsj_1s8d9_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1s8d9_745).awsui_content-type-default_hyvsj_1s8d9_773.awsui_has-notifications-content_hyvsj_1s8d9_175:not(.awsui_has-breadcrumbs_hyvsj_1s8d9_167):not(.awsui_has-header_hyvsj_1s8d9_181):not(.awsui_has-dynamic-overlap-height_hyvsj_1s8d9_181), .awsui_container_hyvsj_1s8d9_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1s8d9_745).awsui_content-type-form_hyvsj_1s8d9_773.awsui_has-notifications-content_hyvsj_1s8d9_175:not(.awsui_has-breadcrumbs_hyvsj_1s8d9_167):not(.awsui_has-header_hyvsj_1s8d9_181):not(.awsui_has-dynamic-overlap-height_hyvsj_1s8d9_181) {
|
|
800
|
+
padding-top: var(--space-scaled-m-9q5ipc, 16px);
|
|
801
801
|
}
|
|
802
|
-
.
|
|
803
|
-
padding-top: var(--space-scaled-xs-
|
|
802
|
+
.awsui_container_hyvsj_1s8d9_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1s8d9_745).awsui_content-type-default_hyvsj_1s8d9_773:not(.awsui_has-notifications-content_hyvsj_1s8d9_175):not(.awsui_has-breadcrumbs_hyvsj_1s8d9_167):not(.awsui_has-header_hyvsj_1s8d9_181):not(.awsui_has-dynamic-overlap-height_hyvsj_1s8d9_181), .awsui_container_hyvsj_1s8d9_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1s8d9_745).awsui_content-type-form_hyvsj_1s8d9_773:not(.awsui_has-notifications-content_hyvsj_1s8d9_175):not(.awsui_has-breadcrumbs_hyvsj_1s8d9_167):not(.awsui_has-header_hyvsj_1s8d9_181):not(.awsui_has-dynamic-overlap-height_hyvsj_1s8d9_181) {
|
|
803
|
+
padding-top: var(--space-scaled-xs-u0e7ft, 8px);
|
|
804
804
|
}
|
|
805
|
-
.
|
|
805
|
+
.awsui_container_hyvsj_1s8d9_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1s8d9_745).awsui_has-header_hyvsj_1s8d9_181, .awsui_container_hyvsj_1s8d9_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1s8d9_745).awsui_has-dynamic-overlap-height_hyvsj_1s8d9_181 {
|
|
806
806
|
padding-top: 0;
|
|
807
807
|
}
|
|
808
808
|
}
|
|
809
809
|
@media (max-width: 688px) {
|
|
810
|
-
.
|
|
810
|
+
.awsui_container_hyvsj_1s8d9_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1s8d9_745) {
|
|
811
811
|
/*
|
|
812
812
|
If the Notifications exist but the Header does not then the
|
|
813
813
|
Notifications is the previous adjacent sibling to the Main
|
|
@@ -822,23 +822,23 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
822
822
|
sibling to the Main which requires no top padding.
|
|
823
823
|
*/
|
|
824
824
|
}
|
|
825
|
-
.
|
|
826
|
-
padding-top: var(--space-scaled-m-
|
|
825
|
+
.awsui_container_hyvsj_1s8d9_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1s8d9_745).awsui_content-type-default_hyvsj_1s8d9_773.awsui_has-notifications-content_hyvsj_1s8d9_175:not(.awsui_has-header_hyvsj_1s8d9_181):not(.awsui_has-dynamic-overlap-height_hyvsj_1s8d9_181), .awsui_container_hyvsj_1s8d9_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1s8d9_745).awsui_content-type-form_hyvsj_1s8d9_773.awsui_has-notifications-content_hyvsj_1s8d9_175:not(.awsui_has-header_hyvsj_1s8d9_181):not(.awsui_has-dynamic-overlap-height_hyvsj_1s8d9_181) {
|
|
826
|
+
padding-top: var(--space-scaled-m-9q5ipc, 16px);
|
|
827
827
|
}
|
|
828
|
-
.
|
|
829
|
-
padding-top: var(--space-scaled-m-
|
|
828
|
+
.awsui_container_hyvsj_1s8d9_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1s8d9_745).awsui_content-type-default_hyvsj_1s8d9_773:not(.awsui_has-notifications-content_hyvsj_1s8d9_175):not(.awsui_has-header_hyvsj_1s8d9_181):not(.awsui_has-dynamic-overlap-height_hyvsj_1s8d9_181), .awsui_container_hyvsj_1s8d9_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1s8d9_745).awsui_content-type-form_hyvsj_1s8d9_773:not(.awsui_has-notifications-content_hyvsj_1s8d9_175):not(.awsui_has-header_hyvsj_1s8d9_181):not(.awsui_has-dynamic-overlap-height_hyvsj_1s8d9_181) {
|
|
829
|
+
padding-top: var(--space-scaled-m-9q5ipc, 16px);
|
|
830
830
|
}
|
|
831
|
-
.
|
|
831
|
+
.awsui_container_hyvsj_1s8d9_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1s8d9_745).awsui_has-header_hyvsj_1s8d9_181, .awsui_container_hyvsj_1s8d9_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1s8d9_745).awsui_has-dynamic-overlap-height_hyvsj_1s8d9_181 {
|
|
832
832
|
padding-top: 0;
|
|
833
833
|
}
|
|
834
834
|
}
|
|
835
|
-
.
|
|
835
|
+
.awsui_container_hyvsj_1s8d9_719.awsui_content-type-cards_hyvsj_1s8d9_185:not(#\9), .awsui_container_hyvsj_1s8d9_719.awsui_content-type-table_hyvsj_1s8d9_186:not(#\9), .awsui_container_hyvsj_1s8d9_719.awsui_content-type-wizard_hyvsj_1s8d9_182:not(#\9) {
|
|
836
836
|
padding-top: 0;
|
|
837
837
|
}
|
|
838
838
|
|
|
839
839
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
840
|
-
.
|
|
841
|
-
.
|
|
840
|
+
.awsui_unfocusable_hyvsj_1s8d9_814:not(#\9),
|
|
841
|
+
.awsui_unfocusable_hyvsj_1s8d9_814 *:not(#\9) {
|
|
842
842
|
visibility: hidden !important;
|
|
843
843
|
}
|
|
844
844
|
|
|
@@ -847,7 +847,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
847
847
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
848
848
|
SPDX-License-Identifier: Apache-2.0
|
|
849
849
|
*/
|
|
850
|
-
.awsui_navigation-
|
|
850
|
+
.awsui_navigation-container_hyvsj_1s8d9_824:not(#\9) {
|
|
851
851
|
--awsui-navigation-width-rrnppm: 280px;
|
|
852
852
|
display: flex;
|
|
853
853
|
grid-column: 1;
|
|
@@ -869,12 +869,12 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
869
869
|
pointer-events: none;
|
|
870
870
|
}
|
|
871
871
|
@media (min-width: 2541px) {
|
|
872
|
-
.awsui_navigation-
|
|
872
|
+
.awsui_navigation-container_hyvsj_1s8d9_824:not(#\9) {
|
|
873
873
|
--awsui-navigation-width-rrnppm: 320px;
|
|
874
874
|
}
|
|
875
875
|
}
|
|
876
876
|
@media (max-width: 688px) {
|
|
877
|
-
.awsui_navigation-
|
|
877
|
+
.awsui_navigation-container_hyvsj_1s8d9_824:not(#\9) {
|
|
878
878
|
left: 0;
|
|
879
879
|
position: fixed;
|
|
880
880
|
z-index: 1001;
|
|
@@ -886,19 +886,19 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
886
886
|
relative to the body.
|
|
887
887
|
*/
|
|
888
888
|
}
|
|
889
|
-
.awsui_navigation-
|
|
889
|
+
.awsui_navigation-container_hyvsj_1s8d9_824.awsui_disable-body-scroll_hyvsj_1s8d9_320:not(#\9) {
|
|
890
890
|
top: var(--awsui-header-height-rrnppm);
|
|
891
891
|
}
|
|
892
892
|
}
|
|
893
893
|
|
|
894
|
-
nav.awsui_show-
|
|
895
|
-
padding: var(--space-scaled-s-
|
|
894
|
+
nav.awsui_show-navigation_hyvsj_1s8d9_868:not(#\9) {
|
|
895
|
+
padding: var(--space-scaled-s-gczsk7, 12px) var(--space-layout-toggle-padding-mgz0u7, 20px);
|
|
896
896
|
/*
|
|
897
897
|
Apply the animation only in desktop viewports because the AppBar will
|
|
898
898
|
take control in responsive viewports.
|
|
899
899
|
*/
|
|
900
900
|
}
|
|
901
|
-
@keyframes
|
|
901
|
+
@keyframes awsui_showButtons_hyvsj_1s8d9_1 {
|
|
902
902
|
0% {
|
|
903
903
|
opacity: 0;
|
|
904
904
|
}
|
|
@@ -906,33 +906,33 @@ nav.awsui_show-navigation_hyvsj_a6htg_868:not(#\9) {
|
|
|
906
906
|
opacity: 1;
|
|
907
907
|
}
|
|
908
908
|
}
|
|
909
|
-
nav.awsui_show-
|
|
909
|
+
nav.awsui_show-navigation_hyvsj_1s8d9_868.awsui_is-navigation-open_hyvsj_1s8d9_750:not(#\9) {
|
|
910
910
|
display: none;
|
|
911
911
|
}
|
|
912
912
|
@media (min-width: 689px) {
|
|
913
|
-
nav.awsui_show-
|
|
913
|
+
nav.awsui_show-navigation_hyvsj_1s8d9_868:not(#\9):not(.awsui_is-navigation-open_hyvsj_1s8d9_750) {
|
|
914
914
|
display: block;
|
|
915
915
|
}
|
|
916
|
-
nav.awsui_show-
|
|
917
|
-
animation:
|
|
916
|
+
nav.awsui_show-navigation_hyvsj_1s8d9_868:not(#\9):not(.awsui_is-navigation-open_hyvsj_1s8d9_750).awsui_animating_hyvsj_1s8d9_890 {
|
|
917
|
+
animation: awsui_showButtons_hyvsj_1s8d9_1 var(--motion-duration-refresh-only-fast-n43vlu, 115ms);
|
|
918
918
|
}
|
|
919
919
|
}
|
|
920
920
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
921
|
-
nav.awsui_show-
|
|
921
|
+
nav.awsui_show-navigation_hyvsj_1s8d9_868:not(#\9):not(.awsui_is-navigation-open_hyvsj_1s8d9_750).awsui_animating_hyvsj_1s8d9_890 {
|
|
922
922
|
animation: none;
|
|
923
923
|
transition: none;
|
|
924
924
|
}
|
|
925
925
|
}
|
|
926
926
|
@media (min-width: 689px) {
|
|
927
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
927
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_1s8d9_868:not(#\9):not(.awsui_is-navigation-open_hyvsj_1s8d9_750).awsui_animating_hyvsj_1s8d9_890, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_1s8d9_868:not(#\9):not(.awsui_is-navigation-open_hyvsj_1s8d9_750).awsui_animating_hyvsj_1s8d9_890 {
|
|
928
928
|
animation: none;
|
|
929
929
|
transition: none;
|
|
930
930
|
}
|
|
931
931
|
}
|
|
932
932
|
|
|
933
|
-
nav.
|
|
934
|
-
background-color: var(--color-background-container-content-
|
|
935
|
-
box-shadow: var(--shadow-panel-
|
|
933
|
+
nav.awsui_navigation_hyvsj_1s8d9_824:not(#\9) {
|
|
934
|
+
background-color: var(--color-background-container-content-em2lah, #ffffff);
|
|
935
|
+
box-shadow: var(--shadow-panel-bf68qm, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
936
936
|
bottom: 0;
|
|
937
937
|
height: 100%;
|
|
938
938
|
overflow-x: hidden;
|
|
@@ -947,57 +947,57 @@ nav.awsui_navigation_hyvsj_a6htg_824:not(#\9) {
|
|
|
947
947
|
prevent unwanted text wrapping.
|
|
948
948
|
*/
|
|
949
949
|
}
|
|
950
|
-
@keyframes
|
|
950
|
+
@keyframes awsui_openNavigation_hyvsj_1s8d9_1 {
|
|
951
951
|
from {
|
|
952
952
|
opacity: 0;
|
|
953
|
-
width: calc(var(--space-layout-toggle-padding-
|
|
953
|
+
width: calc(var(--space-layout-toggle-padding-mgz0u7, 20px) * 2 + var(--space-layout-toggle-diameter-e6hjiu, 40px));
|
|
954
954
|
}
|
|
955
955
|
to {
|
|
956
956
|
opacity: 1;
|
|
957
957
|
width: var(--awsui-navigation-width-rrnppm);
|
|
958
958
|
}
|
|
959
959
|
}
|
|
960
|
-
nav.
|
|
960
|
+
nav.awsui_navigation_hyvsj_1s8d9_824:not(#\9):not(.awsui_is-navigation-open_hyvsj_1s8d9_750) {
|
|
961
961
|
width: 0;
|
|
962
962
|
display: none;
|
|
963
963
|
}
|
|
964
|
-
nav.
|
|
965
|
-
animation:
|
|
964
|
+
nav.awsui_navigation_hyvsj_1s8d9_824.awsui_is-navigation-open_hyvsj_1s8d9_750.awsui_animating_hyvsj_1s8d9_890:not(#\9) {
|
|
965
|
+
animation: awsui_openNavigation_hyvsj_1s8d9_1 var(--motion-duration-refresh-only-fast-n43vlu, 115ms);
|
|
966
966
|
}
|
|
967
967
|
@media (prefers-reduced-motion: reduce) {
|
|
968
|
-
nav.
|
|
968
|
+
nav.awsui_navigation_hyvsj_1s8d9_824.awsui_is-navigation-open_hyvsj_1s8d9_750.awsui_animating_hyvsj_1s8d9_890:not(#\9) {
|
|
969
969
|
animation: none;
|
|
970
970
|
transition: none;
|
|
971
971
|
}
|
|
972
972
|
}
|
|
973
|
-
.awsui-motion-disabled nav.
|
|
973
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_1s8d9_824.awsui_is-navigation-open_hyvsj_1s8d9_750.awsui_animating_hyvsj_1s8d9_890:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_1s8d9_824.awsui_is-navigation-open_hyvsj_1s8d9_750.awsui_animating_hyvsj_1s8d9_890:not(#\9) {
|
|
974
974
|
animation: none;
|
|
975
975
|
transition: none;
|
|
976
976
|
}
|
|
977
|
-
nav.
|
|
977
|
+
nav.awsui_navigation_hyvsj_1s8d9_824 > .awsui_animated-content_hyvsj_1s8d9_951:not(#\9) {
|
|
978
978
|
width: var(--awsui-navigation-width-rrnppm);
|
|
979
979
|
}
|
|
980
980
|
@media (max-width: 688px) {
|
|
981
|
-
nav.
|
|
981
|
+
nav.awsui_navigation_hyvsj_1s8d9_824:not(#\9) {
|
|
982
982
|
--awsui-navigation-width-rrnppm: 100vw;
|
|
983
983
|
}
|
|
984
984
|
}
|
|
985
985
|
|
|
986
|
-
.awsui_hide-
|
|
986
|
+
.awsui_hide-navigation_hyvsj_1s8d9_960:not(#\9) {
|
|
987
987
|
position: absolute;
|
|
988
|
-
right: var(--space-m-
|
|
989
|
-
top: var(--size-vertical-panel-icon-offset-
|
|
988
|
+
right: var(--space-m-sptmsg, 16px);
|
|
989
|
+
top: var(--size-vertical-panel-icon-offset-47mfcv, 15px);
|
|
990
990
|
}
|
|
991
991
|
|
|
992
992
|
/*
|
|
993
993
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
994
994
|
SPDX-License-Identifier: Apache-2.0
|
|
995
995
|
*/
|
|
996
|
-
.
|
|
996
|
+
.awsui_notifications_hyvsj_1s8d9_227:not(#\9) {
|
|
997
997
|
grid-column: 3;
|
|
998
998
|
grid-row: 1;
|
|
999
999
|
z-index: 850;
|
|
1000
|
-
color: var(--color-text-body-default-
|
|
1000
|
+
color: var(--color-text-body-default-01bwmw, #000716);
|
|
1001
1001
|
/*
|
|
1002
1002
|
In desktop viewports the notifications will always be the first
|
|
1003
1003
|
slot rendered in the center column. The padding should create
|
|
@@ -1011,31 +1011,31 @@ nav.awsui_navigation_hyvsj_a6htg_824 > .awsui_animated-content_hyvsj_a6htg_951:n
|
|
|
1011
1011
|
*/
|
|
1012
1012
|
}
|
|
1013
1013
|
@media (min-width: 689px) {
|
|
1014
|
-
.
|
|
1015
|
-
margin: var(--space-xs-
|
|
1014
|
+
.awsui_notifications_hyvsj_1s8d9_227:not(#\9) {
|
|
1015
|
+
margin: var(--space-xs-inub5w, 8px) 0;
|
|
1016
1016
|
/*
|
|
1017
|
-
var(--space-xs-
|
|
1017
|
+
var(--space-xs-inub5w, 8px) token needs to align with the $offsetTopWithNotifications
|
|
1018
1018
|
calculation in the layout CSS.
|
|
1019
1019
|
*/
|
|
1020
1020
|
}
|
|
1021
|
-
.
|
|
1021
|
+
.awsui_notifications_hyvsj_1s8d9_227.awsui_sticky-notifications_hyvsj_1s8d9_240:not(#\9) {
|
|
1022
1022
|
position: sticky;
|
|
1023
|
-
top: calc(var(--awsui-offset-top-rrnppm) + var(--space-xs-
|
|
1024
|
-
--awsui-flashbar-sticky-bottom-margin-rrnppm: var(--space-xxl-
|
|
1023
|
+
top: calc(var(--awsui-offset-top-rrnppm) + var(--space-xs-inub5w, 8px));
|
|
1024
|
+
--awsui-flashbar-sticky-bottom-margin-rrnppm: var(--space-xxl-eiq7g3, 32px);
|
|
1025
1025
|
}
|
|
1026
|
-
.
|
|
1026
|
+
.awsui_notifications_hyvsj_1s8d9_227:not(#\9):not(.awsui_has-notifications-content_hyvsj_1s8d9_175) {
|
|
1027
1027
|
margin: 0;
|
|
1028
1028
|
}
|
|
1029
1029
|
}
|
|
1030
1030
|
@media (max-width: 688px) {
|
|
1031
|
-
.
|
|
1031
|
+
.awsui_notifications_hyvsj_1s8d9_227:not(#\9) {
|
|
1032
1032
|
grid-row: 2;
|
|
1033
|
-
margin: var(--space-scaled-s-
|
|
1033
|
+
margin: var(--space-scaled-s-gczsk7, 12px) 0;
|
|
1034
1034
|
}
|
|
1035
|
-
.
|
|
1035
|
+
.awsui_notifications_hyvsj_1s8d9_227.awsui_sticky-notifications_hyvsj_1s8d9_240:not(#\9) {
|
|
1036
1036
|
position: static;
|
|
1037
1037
|
}
|
|
1038
|
-
.
|
|
1038
|
+
.awsui_notifications_hyvsj_1s8d9_227:not(#\9):not(.awsui_has-notifications-content_hyvsj_1s8d9_175) {
|
|
1039
1039
|
margin: 0;
|
|
1040
1040
|
}
|
|
1041
1041
|
}
|
|
@@ -1050,7 +1050,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
1050
1050
|
consume the remaining vertical space in the grid after the notifications
|
|
1051
1051
|
and breadcrumbs.
|
|
1052
1052
|
*/
|
|
1053
|
-
section.awsui_split-panel-
|
|
1053
|
+
section.awsui_split-panel-bottom_hyvsj_1s8d9_1027:not(#\9) {
|
|
1054
1054
|
/*
|
|
1055
1055
|
The align self property will position the split panel at the bottom of the grid row.
|
|
1056
1056
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -1085,7 +1085,7 @@ section.awsui_split-panel-bottom_hyvsj_a6htg_1027:not(#\9) {
|
|
|
1085
1085
|
apply the animation to the height property.
|
|
1086
1086
|
*/
|
|
1087
1087
|
}
|
|
1088
|
-
@keyframes
|
|
1088
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_1s8d9_1 {
|
|
1089
1089
|
from {
|
|
1090
1090
|
height: var(--awsui-split-panel-reported-header-size-rrnppm, 0);
|
|
1091
1091
|
}
|
|
@@ -1093,39 +1093,39 @@ section.awsui_split-panel-bottom_hyvsj_a6htg_1027:not(#\9) {
|
|
|
1093
1093
|
height: var(--awsui-split-panel-reported-size-rrnppm);
|
|
1094
1094
|
}
|
|
1095
1095
|
}
|
|
1096
|
-
section.awsui_split-panel-
|
|
1096
|
+
section.awsui_split-panel-bottom_hyvsj_1s8d9_1027.awsui_disable-body-scroll_hyvsj_1s8d9_320:not(#\9) {
|
|
1097
1097
|
bottom: 0;
|
|
1098
1098
|
}
|
|
1099
|
-
section.awsui_split-panel-
|
|
1099
|
+
section.awsui_split-panel-bottom_hyvsj_1s8d9_1027.awsui_is-navigation-open_hyvsj_1s8d9_750.awsui_position-bottom_hyvsj_1s8d9_1073:not(#\9) {
|
|
1100
1100
|
grid-column-start: 2;
|
|
1101
1101
|
}
|
|
1102
|
-
section.awsui_split-panel-
|
|
1102
|
+
section.awsui_split-panel-bottom_hyvsj_1s8d9_1027.awsui_has-open-drawer_hyvsj_1s8d9_286.awsui_position-bottom_hyvsj_1s8d9_1073:not(#\9) {
|
|
1103
1103
|
grid-column-end: 5;
|
|
1104
1104
|
}
|
|
1105
|
-
section.awsui_split-panel-
|
|
1105
|
+
section.awsui_split-panel-bottom_hyvsj_1s8d9_1027.awsui_position-bottom_hyvsj_1s8d9_1073:not(#\9) {
|
|
1106
1106
|
display: block;
|
|
1107
1107
|
}
|
|
1108
|
-
section.awsui_split-panel-
|
|
1108
|
+
section.awsui_split-panel-bottom_hyvsj_1s8d9_1027:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1s8d9_753).awsui_position-bottom_hyvsj_1s8d9_1073 {
|
|
1109
1109
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
1110
1110
|
}
|
|
1111
|
-
section.awsui_split-panel-
|
|
1112
|
-
box-shadow: var(--shadow-split-bottom-
|
|
1111
|
+
section.awsui_split-panel-bottom_hyvsj_1s8d9_1027.awsui_is-split-panel-open_hyvsj_1s8d9_753.awsui_position-bottom_hyvsj_1s8d9_1073:not(#\9) {
|
|
1112
|
+
box-shadow: var(--shadow-split-bottom-srmtki, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
1113
1113
|
}
|
|
1114
|
-
section.awsui_split-panel-
|
|
1115
|
-
animation:
|
|
1114
|
+
section.awsui_split-panel-bottom_hyvsj_1s8d9_1027.awsui_is-split-panel-open_hyvsj_1s8d9_753.awsui_position-bottom_hyvsj_1s8d9_1073.awsui_animating_hyvsj_1s8d9_890:not(#\9) {
|
|
1115
|
+
animation: awsui_openSplitPanelBottom_hyvsj_1s8d9_1 var(--motion-duration-refresh-only-fast-n43vlu, 115ms);
|
|
1116
1116
|
}
|
|
1117
1117
|
@media (prefers-reduced-motion: reduce) {
|
|
1118
|
-
section.awsui_split-panel-
|
|
1118
|
+
section.awsui_split-panel-bottom_hyvsj_1s8d9_1027.awsui_is-split-panel-open_hyvsj_1s8d9_753.awsui_position-bottom_hyvsj_1s8d9_1073.awsui_animating_hyvsj_1s8d9_890:not(#\9) {
|
|
1119
1119
|
animation: none;
|
|
1120
1120
|
transition: none;
|
|
1121
1121
|
}
|
|
1122
1122
|
}
|
|
1123
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
1123
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_1s8d9_1027.awsui_is-split-panel-open_hyvsj_1s8d9_753.awsui_position-bottom_hyvsj_1s8d9_1073.awsui_animating_hyvsj_1s8d9_890:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_1s8d9_1027.awsui_is-split-panel-open_hyvsj_1s8d9_753.awsui_position-bottom_hyvsj_1s8d9_1073.awsui_animating_hyvsj_1s8d9_890:not(#\9) {
|
|
1124
1124
|
animation: none;
|
|
1125
1125
|
transition: none;
|
|
1126
1126
|
}
|
|
1127
1127
|
|
|
1128
|
-
section.awsui_split-panel-
|
|
1128
|
+
section.awsui_split-panel-side_hyvsj_1s8d9_1102:not(#\9) {
|
|
1129
1129
|
height: 100%;
|
|
1130
1130
|
overflow-x: hidden;
|
|
1131
1131
|
pointer-events: auto;
|
|
@@ -1140,7 +1140,7 @@ section.awsui_split-panel-side_hyvsj_a6htg_1102:not(#\9) {
|
|
|
1140
1140
|
prevent unwanted text wrapping.
|
|
1141
1141
|
*/
|
|
1142
1142
|
}
|
|
1143
|
-
@keyframes
|
|
1143
|
+
@keyframes awsui_openSplitPanelSide_hyvsj_1s8d9_1 {
|
|
1144
1144
|
from {
|
|
1145
1145
|
opacity: 0;
|
|
1146
1146
|
width: var(--awsui-split-panel-min-width-rrnppm, 280px);
|
|
@@ -1150,28 +1150,28 @@ section.awsui_split-panel-side_hyvsj_a6htg_1102:not(#\9) {
|
|
|
1150
1150
|
width: var(--awsui-split-panel-reported-size-rrnppm);
|
|
1151
1151
|
}
|
|
1152
1152
|
}
|
|
1153
|
-
section.awsui_split-panel-
|
|
1153
|
+
section.awsui_split-panel-side_hyvsj_1s8d9_1102:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1s8d9_753), section.awsui_split-panel-side_hyvsj_1s8d9_1102.awsui_position-bottom_hyvsj_1s8d9_1073:not(#\9) {
|
|
1154
1154
|
width: 0;
|
|
1155
1155
|
}
|
|
1156
|
-
section.awsui_split-panel-
|
|
1157
|
-
box-shadow: var(--shadow-panel-
|
|
1156
|
+
section.awsui_split-panel-side_hyvsj_1s8d9_1102.awsui_is-split-panel-open_hyvsj_1s8d9_753.awsui_position-side_hyvsj_1s8d9_1130:not(#\9) {
|
|
1157
|
+
box-shadow: var(--shadow-panel-bf68qm, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
1158
1158
|
max-width: var(--awsui-split-panel-max-width-rrnppm, 280px);
|
|
1159
1159
|
min-width: var(--awsui-split-panel-min-width-rrnppm, 280px);
|
|
1160
1160
|
}
|
|
1161
|
-
section.awsui_split-panel-
|
|
1162
|
-
animation:
|
|
1161
|
+
section.awsui_split-panel-side_hyvsj_1s8d9_1102.awsui_is-split-panel-open_hyvsj_1s8d9_753.awsui_position-side_hyvsj_1s8d9_1130.awsui_animating_hyvsj_1s8d9_890:not(#\9) {
|
|
1162
|
+
animation: awsui_openSplitPanelSide_hyvsj_1s8d9_1 var(--motion-duration-refresh-only-fast-n43vlu, 115ms);
|
|
1163
1163
|
}
|
|
1164
1164
|
@media (prefers-reduced-motion: reduce) {
|
|
1165
|
-
section.awsui_split-panel-
|
|
1165
|
+
section.awsui_split-panel-side_hyvsj_1s8d9_1102.awsui_is-split-panel-open_hyvsj_1s8d9_753.awsui_position-side_hyvsj_1s8d9_1130.awsui_animating_hyvsj_1s8d9_890:not(#\9) {
|
|
1166
1166
|
animation: none;
|
|
1167
1167
|
transition: none;
|
|
1168
1168
|
}
|
|
1169
1169
|
}
|
|
1170
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
1170
|
+
.awsui-motion-disabled section.awsui_split-panel-side_hyvsj_1s8d9_1102.awsui_is-split-panel-open_hyvsj_1s8d9_753.awsui_position-side_hyvsj_1s8d9_1130.awsui_animating_hyvsj_1s8d9_890:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_1s8d9_1102.awsui_is-split-panel-open_hyvsj_1s8d9_753.awsui_position-side_hyvsj_1s8d9_1130.awsui_animating_hyvsj_1s8d9_890:not(#\9) {
|
|
1171
1171
|
animation: none;
|
|
1172
1172
|
transition: none;
|
|
1173
1173
|
}
|
|
1174
|
-
section.awsui_split-panel-
|
|
1174
|
+
section.awsui_split-panel-side_hyvsj_1s8d9_1102 > .awsui_animated-content_hyvsj_1s8d9_951:not(#\9) {
|
|
1175
1175
|
height: 100%;
|
|
1176
1176
|
max-width: inherit;
|
|
1177
1177
|
width: var(--awsui-split-panel-reported-size-rrnppm);
|
|
@@ -1190,7 +1190,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
1190
1190
|
property. The content gap right is computed in the Layout styles based on the
|
|
1191
1191
|
viewport size and state of the Tools drawer.
|
|
1192
1192
|
*/
|
|
1193
|
-
.awsui_tools-
|
|
1193
|
+
.awsui_tools-container_hyvsj_1s8d9_1167:not(#\9) {
|
|
1194
1194
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
1195
1195
|
--awsui-tools-max-width-rrnppm: calc(var(--awsui-layout-width-rrnppm) - var(--awsui-main-offset-left-rrnppm) - var(--awsui-default-min-content-width-rrnppm) - var(--awsui-content-gap-right-rrnppm));
|
|
1196
1196
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
@@ -1206,12 +1206,12 @@ viewport size and state of the Tools drawer.
|
|
|
1206
1206
|
pointer-events: none;
|
|
1207
1207
|
}
|
|
1208
1208
|
@media (min-width: 2541px) {
|
|
1209
|
-
.awsui_tools-
|
|
1209
|
+
.awsui_tools-container_hyvsj_1s8d9_1167:not(#\9) {
|
|
1210
1210
|
--awsui-tools-width-rrnppm: 360px;
|
|
1211
1211
|
}
|
|
1212
1212
|
}
|
|
1213
1213
|
@media (max-width: 688px) {
|
|
1214
|
-
.awsui_tools-
|
|
1214
|
+
.awsui_tools-container_hyvsj_1s8d9_1167:not(#\9) {
|
|
1215
1215
|
--awsui-tools-max-width-rrnppm: none;
|
|
1216
1216
|
--awsui-tools-width-rrnppm: auto;
|
|
1217
1217
|
position: fixed;
|
|
@@ -1225,14 +1225,14 @@ viewport size and state of the Tools drawer.
|
|
|
1225
1225
|
relative to the body.
|
|
1226
1226
|
*/
|
|
1227
1227
|
}
|
|
1228
|
-
.awsui_tools-
|
|
1228
|
+
.awsui_tools-container_hyvsj_1s8d9_1167.awsui_disable-body-scroll_hyvsj_1s8d9_320:not(#\9) {
|
|
1229
1229
|
top: var(--awsui-header-height-rrnppm);
|
|
1230
1230
|
}
|
|
1231
1231
|
}
|
|
1232
1232
|
|
|
1233
|
-
.
|
|
1234
|
-
background-color: var(--color-background-container-content-
|
|
1235
|
-
box-shadow: var(--shadow-panel-
|
|
1233
|
+
.awsui_tools_hyvsj_1s8d9_1167:not(#\9) {
|
|
1234
|
+
background-color: var(--color-background-container-content-em2lah, #ffffff);
|
|
1235
|
+
box-shadow: var(--shadow-panel-bf68qm, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
1236
1236
|
flex-shrink: 0;
|
|
1237
1237
|
height: 100%;
|
|
1238
1238
|
overflow-y: auto;
|
|
@@ -1253,51 +1253,51 @@ viewport size and state of the Tools drawer.
|
|
|
1253
1253
|
in the side position.
|
|
1254
1254
|
*/
|
|
1255
1255
|
}
|
|
1256
|
-
@keyframes
|
|
1256
|
+
@keyframes awsui_openTools_hyvsj_1s8d9_1 {
|
|
1257
1257
|
from {
|
|
1258
1258
|
opacity: var(--awsui-tools-animation-starting-opacity-rrnppm, 0);
|
|
1259
|
-
width: calc(var(--space-layout-toggle-padding-
|
|
1259
|
+
width: calc(var(--space-layout-toggle-padding-mgz0u7, 20px) * 2 + var(--space-layout-toggle-diameter-e6hjiu, 40px));
|
|
1260
1260
|
}
|
|
1261
1261
|
to {
|
|
1262
1262
|
opacity: 1;
|
|
1263
1263
|
width: var(--awsui-tools-width-rrnppm);
|
|
1264
1264
|
}
|
|
1265
1265
|
}
|
|
1266
|
-
.
|
|
1266
|
+
.awsui_tools_hyvsj_1s8d9_1167:not(#\9):not(.awsui_is-tools-open_hyvsj_1s8d9_753) {
|
|
1267
1267
|
width: 0;
|
|
1268
1268
|
display: none;
|
|
1269
1269
|
}
|
|
1270
|
-
.
|
|
1271
|
-
animation:
|
|
1270
|
+
.awsui_tools_hyvsj_1s8d9_1167.awsui_is-tools-open_hyvsj_1s8d9_753.awsui_animating_hyvsj_1s8d9_890:not(#\9) {
|
|
1271
|
+
animation: awsui_openTools_hyvsj_1s8d9_1 var(--motion-duration-refresh-only-fast-n43vlu, 115ms);
|
|
1272
1272
|
}
|
|
1273
1273
|
@media (prefers-reduced-motion: reduce) {
|
|
1274
|
-
.
|
|
1274
|
+
.awsui_tools_hyvsj_1s8d9_1167.awsui_is-tools-open_hyvsj_1s8d9_753.awsui_animating_hyvsj_1s8d9_890:not(#\9) {
|
|
1275
1275
|
animation: none;
|
|
1276
1276
|
transition: none;
|
|
1277
1277
|
}
|
|
1278
1278
|
}
|
|
1279
|
-
.awsui-motion-disabled .
|
|
1279
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_1s8d9_1167.awsui_is-tools-open_hyvsj_1s8d9_753.awsui_animating_hyvsj_1s8d9_890:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_1s8d9_1167.awsui_is-tools-open_hyvsj_1s8d9_753.awsui_animating_hyvsj_1s8d9_890:not(#\9) {
|
|
1280
1280
|
animation: none;
|
|
1281
1281
|
transition: none;
|
|
1282
1282
|
}
|
|
1283
|
-
.
|
|
1283
|
+
.awsui_tools_hyvsj_1s8d9_1167 > .awsui_animated-content_hyvsj_1s8d9_951:not(#\9) {
|
|
1284
1284
|
width: var(--awsui-tools-width-rrnppm);
|
|
1285
1285
|
}
|
|
1286
1286
|
@media (min-width: 689px) {
|
|
1287
|
-
.
|
|
1288
|
-
border-right: var(--border-divider-section-width-
|
|
1287
|
+
.awsui_tools_hyvsj_1s8d9_1167.awsui_is-tools-open_hyvsj_1s8d9_753.awsui_has-tools-form-persistence_hyvsj_1s8d9_1261:not(#\9) {
|
|
1288
|
+
border-right: var(--border-divider-section-width-g0ay3c, 2px) solid var(--color-border-divider-default-4spq70, #e9ebed);
|
|
1289
1289
|
}
|
|
1290
1290
|
}
|
|
1291
1291
|
@media (max-width: 688px) {
|
|
1292
|
-
.
|
|
1292
|
+
.awsui_tools_hyvsj_1s8d9_1167:not(#\9) {
|
|
1293
1293
|
--awsui-tools-width-rrnppm: 100vw;
|
|
1294
1294
|
}
|
|
1295
1295
|
}
|
|
1296
1296
|
|
|
1297
|
-
.awsui_hide-
|
|
1297
|
+
.awsui_hide-tools_hyvsj_1s8d9_1271:not(#\9) {
|
|
1298
1298
|
position: absolute;
|
|
1299
|
-
right: var(--space-m-
|
|
1300
|
-
top: var(--size-vertical-panel-icon-offset-
|
|
1299
|
+
right: var(--space-m-sptmsg, 16px);
|
|
1300
|
+
top: var(--size-vertical-panel-icon-offset-47mfcv, 15px);
|
|
1301
1301
|
z-index: 1;
|
|
1302
1302
|
}
|
|
1303
1303
|
|
|
@@ -1306,7 +1306,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1306
1306
|
the calculation used to determine the Split Panel maximum width in the
|
|
1307
1307
|
handleSplitPanelMaxWidth function in the context.
|
|
1308
1308
|
*/
|
|
1309
|
-
.awsui_show-
|
|
1309
|
+
.awsui_show-tools_hyvsj_1s8d9_1283:not(#\9) {
|
|
1310
1310
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1311
1311
|
border-collapse: separate;
|
|
1312
1312
|
border-spacing: 0;
|
|
@@ -1336,21 +1336,21 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1336
1336
|
widows: 2;
|
|
1337
1337
|
word-spacing: normal;
|
|
1338
1338
|
box-sizing: border-box;
|
|
1339
|
-
font-size: var(--font-body-m-size-
|
|
1340
|
-
line-height: var(--font-body-m-line-height-
|
|
1341
|
-
color: var(--color-text-body-default-
|
|
1339
|
+
font-size: var(--font-body-m-size-cqtcam, 14px);
|
|
1340
|
+
line-height: var(--font-body-m-line-height-83azrc, 22px);
|
|
1341
|
+
color: var(--color-text-body-default-01bwmw, #000716);
|
|
1342
1342
|
font-weight: 400;
|
|
1343
|
-
font-family: var(--font-family-base-
|
|
1343
|
+
font-family: var(--font-family-base-kd6hgy, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
1344
1344
|
-webkit-font-smoothing: auto;
|
|
1345
1345
|
-moz-osx-font-smoothing: auto;
|
|
1346
1346
|
box-sizing: border-box;
|
|
1347
|
-
padding: var(--space-scaled-s-
|
|
1347
|
+
padding: var(--space-scaled-s-gczsk7, 12px) var(--space-layout-toggle-padding-mgz0u7, 20px);
|
|
1348
1348
|
/*
|
|
1349
1349
|
Apply the animation only in desktop viewports because the AppBar will
|
|
1350
1350
|
take control in responsive viewports.
|
|
1351
1351
|
*/
|
|
1352
1352
|
}
|
|
1353
|
-
@keyframes
|
|
1353
|
+
@keyframes awsui_showButtons_hyvsj_1s8d9_1 {
|
|
1354
1354
|
0% {
|
|
1355
1355
|
opacity: 0;
|
|
1356
1356
|
}
|
|
@@ -1358,34 +1358,34 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1358
1358
|
opacity: 1;
|
|
1359
1359
|
}
|
|
1360
1360
|
}
|
|
1361
|
-
.awsui_show-
|
|
1361
|
+
.awsui_show-tools_hyvsj_1s8d9_1283:not(#\9):not(.awsui_has-tools-form_hyvsj_1s8d9_1261) {
|
|
1362
1362
|
display: none;
|
|
1363
1363
|
}
|
|
1364
1364
|
@media (min-width: 689px) {
|
|
1365
|
-
.awsui_show-
|
|
1365
|
+
.awsui_show-tools_hyvsj_1s8d9_1283.awsui_has-tools-form_hyvsj_1s8d9_1261:not(#\9) {
|
|
1366
1366
|
display: flex;
|
|
1367
1367
|
flex-direction: column;
|
|
1368
|
-
gap: var(--space-xs-
|
|
1368
|
+
gap: var(--space-xs-inub5w, 8px);
|
|
1369
1369
|
}
|
|
1370
|
-
.awsui_show-
|
|
1371
|
-
animation:
|
|
1370
|
+
.awsui_show-tools_hyvsj_1s8d9_1283.awsui_has-tools-form_hyvsj_1s8d9_1261.awsui_animating_hyvsj_1s8d9_890:not(#\9) {
|
|
1371
|
+
animation: awsui_showButtons_hyvsj_1s8d9_1 var(--motion-duration-refresh-only-fast-n43vlu, 115ms);
|
|
1372
1372
|
}
|
|
1373
1373
|
}
|
|
1374
1374
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1375
|
-
.awsui_show-
|
|
1375
|
+
.awsui_show-tools_hyvsj_1s8d9_1283.awsui_has-tools-form_hyvsj_1s8d9_1261.awsui_animating_hyvsj_1s8d9_890:not(#\9) {
|
|
1376
1376
|
animation: none;
|
|
1377
1377
|
transition: none;
|
|
1378
1378
|
}
|
|
1379
1379
|
}
|
|
1380
1380
|
@media (min-width: 689px) {
|
|
1381
|
-
.awsui-motion-disabled .awsui_show-
|
|
1381
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_1s8d9_1283.awsui_has-tools-form_hyvsj_1s8d9_1261.awsui_animating_hyvsj_1s8d9_890:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_1s8d9_1283.awsui_has-tools-form_hyvsj_1s8d9_1261.awsui_animating_hyvsj_1s8d9_890:not(#\9) {
|
|
1382
1382
|
animation: none;
|
|
1383
1383
|
transition: none;
|
|
1384
1384
|
}
|
|
1385
1385
|
}
|
|
1386
1386
|
@media (min-width: 689px) {
|
|
1387
|
-
.awsui_show-
|
|
1388
|
-
background-color: var(--color-background-container-content-
|
|
1387
|
+
.awsui_show-tools_hyvsj_1s8d9_1283.awsui_has-tools-form-persistence_hyvsj_1s8d9_1261:not(#\9) {
|
|
1388
|
+
background-color: var(--color-background-container-content-em2lah, #ffffff);
|
|
1389
1389
|
z-index: 1;
|
|
1390
1390
|
}
|
|
1391
1391
|
}
|
|
@@ -1399,26 +1399,26 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1399
1399
|
the calculation used to determine the Split Panel maximum width in the
|
|
1400
1400
|
handleSplitPanelMaxWidth function in the context.
|
|
1401
1401
|
*/
|
|
1402
|
-
.
|
|
1403
|
-
background: var(--color-background-layout-toggle-default-
|
|
1402
|
+
.awsui_trigger_hyvsj_1s8d9_1350:not(#\9) {
|
|
1403
|
+
background: var(--color-background-layout-toggle-default-33dtxe, #192534);
|
|
1404
1404
|
border: none;
|
|
1405
1405
|
border-radius: 50%;
|
|
1406
|
-
box-shadow: var(--shadow-panel-toggle-
|
|
1407
|
-
color: var(--color-text-layout-toggle-
|
|
1406
|
+
box-shadow: var(--shadow-panel-toggle-0lutgw, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1407
|
+
color: var(--color-text-layout-toggle-ho2l25, #ffffff);
|
|
1408
1408
|
cursor: pointer;
|
|
1409
|
-
height: var(--space-layout-toggle-diameter-
|
|
1410
|
-
padding: 0 var(--space-s-
|
|
1411
|
-
width: var(--space-layout-toggle-diameter-hzvqtj, 40px);
|
|
1409
|
+
height: var(--space-layout-toggle-diameter-e6hjiu, 40px);
|
|
1410
|
+
padding: 0 var(--space-s-rd607g, 12px);
|
|
1412
1411
|
pointer-events: auto;
|
|
1412
|
+
width: var(--space-layout-toggle-diameter-e6hjiu, 40px);
|
|
1413
1413
|
}
|
|
1414
|
-
body[data-awsui-focus-visible=true] .
|
|
1414
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1s8d9_1350:not(#\9):focus {
|
|
1415
1415
|
position: relative;
|
|
1416
1416
|
}
|
|
1417
|
-
body[data-awsui-focus-visible=true] .
|
|
1417
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1s8d9_1350:not(#\9):focus {
|
|
1418
1418
|
outline: 2px dotted transparent;
|
|
1419
1419
|
outline-offset: calc(3px - 1px);
|
|
1420
1420
|
}
|
|
1421
|
-
body[data-awsui-focus-visible=true] .
|
|
1421
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1s8d9_1350:not(#\9):focus::before {
|
|
1422
1422
|
content: " ";
|
|
1423
1423
|
display: block;
|
|
1424
1424
|
position: absolute;
|
|
@@ -1426,27 +1426,27 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_a6htg_1350:not(#\9):foc
|
|
|
1426
1426
|
top: calc(-1 * 3px);
|
|
1427
1427
|
width: calc(100% + 2 * 3px);
|
|
1428
1428
|
height: calc(100% + 2 * 3px);
|
|
1429
|
-
border-radius: var(--border-radius-control-default-focus-ring-
|
|
1430
|
-
box-shadow: 0 0 0 2px var(--color-border-item-focused-
|
|
1429
|
+
border-radius: var(--border-radius-control-default-focus-ring-egwir5, 4px);
|
|
1430
|
+
box-shadow: 0 0 0 2px var(--color-border-item-focused-nwfxo7, #0972d3);
|
|
1431
1431
|
}
|
|
1432
|
-
.
|
|
1432
|
+
.awsui_trigger_hyvsj_1s8d9_1350:not(#\9):focus {
|
|
1433
1433
|
outline: none;
|
|
1434
1434
|
}
|
|
1435
|
-
.
|
|
1436
|
-
background: var(--color-background-layout-toggle-hover-
|
|
1435
|
+
.awsui_trigger_hyvsj_1s8d9_1350:not(#\9):hover {
|
|
1436
|
+
background: var(--color-background-layout-toggle-hover-0izolq, #354150);
|
|
1437
1437
|
}
|
|
1438
|
-
.
|
|
1439
|
-
background: var(--color-background-layout-toggle-active-
|
|
1438
|
+
.awsui_trigger_hyvsj_1s8d9_1350:not(#\9):active {
|
|
1439
|
+
background: var(--color-background-layout-toggle-active-hs5w7a, #354150);
|
|
1440
1440
|
}
|
|
1441
|
-
.
|
|
1442
|
-
background: var(--color-background-layout-toggle-selected-default-
|
|
1443
|
-
color: var(--color-text-layout-toggle-selected-
|
|
1441
|
+
.awsui_trigger_hyvsj_1s8d9_1350.awsui_selected_hyvsj_1s8d9_1389:not(#\9) {
|
|
1442
|
+
background: var(--color-background-layout-toggle-selected-default-n9d2nz, #0972d3);
|
|
1443
|
+
color: var(--color-text-layout-toggle-selected-u0y67g, #ffffff);
|
|
1444
1444
|
}
|
|
1445
|
-
.
|
|
1446
|
-
background: var(--color-background-layout-toggle-selected-hover-
|
|
1445
|
+
.awsui_trigger_hyvsj_1s8d9_1350.awsui_selected_hyvsj_1s8d9_1389:not(#\9):hover {
|
|
1446
|
+
background: var(--color-background-layout-toggle-selected-hover-uce2v9, #065299);
|
|
1447
1447
|
}
|
|
1448
|
-
.
|
|
1449
|
-
background: var(--color-background-layout-toggle-selected-active-
|
|
1448
|
+
.awsui_trigger_hyvsj_1s8d9_1350.awsui_selected_hyvsj_1s8d9_1389:not(#\9):active {
|
|
1449
|
+
background: var(--color-background-layout-toggle-selected-active-y9z89z, #0972d3);
|
|
1450
1450
|
}
|
|
1451
1451
|
|
|
1452
1452
|
/*
|