@cloudscape-design/components 3.0.619 → 3.0.620
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/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +31 -31
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/classic.d.ts.map +1 -1
- package/app-layout/classic.js +5 -16
- package/app-layout/classic.js.map +1 -1
- package/app-layout/content-wrapper/index.d.ts +1 -0
- package/app-layout/content-wrapper/index.d.ts.map +1 -1
- package/app-layout/content-wrapper/index.js +3 -3
- package/app-layout/content-wrapper/index.js.map +1 -1
- 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/utils/sticky-offsets.d.ts +4 -0
- package/app-layout/utils/sticky-offsets.d.ts.map +1 -0
- package/app-layout/utils/sticky-offsets.js +10 -0
- package/app-layout/utils/sticky-offsets.js.map +1 -0
- package/app-layout/visual-refresh/context.d.ts.map +1 -1
- package/app-layout/visual-refresh/context.js +1 -5
- package/app-layout/visual-refresh/context.js.map +1 -1
- package/app-layout/visual-refresh/main.d.ts.map +1 -1
- package/app-layout/visual-refresh/main.js +6 -4
- package/app-layout/visual-refresh/main.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +81 -81
- package/app-layout/visual-refresh/styles.scoped.css +258 -294
- package/app-layout/visual-refresh/styles.selectors.js +81 -81
- package/container/use-sticky-header.d.ts +1 -5
- package/container/use-sticky-header.d.ts.map +1 -1
- package/container/use-sticky-header.js +7 -34
- package/container/use-sticky-header.js.map +1 -1
- package/flashbar/styles.css.js +47 -47
- package/flashbar/styles.scoped.css +171 -171
- package/flashbar/styles.selectors.js +47 -47
- package/header/internal.d.ts.map +1 -1
- package/header/internal.js +3 -1
- package/header/internal.js.map +1 -1
- package/header/styles.css.js +35 -34
- package/header/styles.scoped.css +55 -52
- package/header/styles.selectors.js +35 -34
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +41 -41
- package/internal/components/dropdown/styles.selectors.js +20 -20
- package/internal/context/app-layout-context.d.ts +0 -3
- package/internal/context/app-layout-context.d.ts.map +1 -1
- package/internal/context/app-layout-context.js +1 -5
- package/internal/context/app-layout-context.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
- package/internal/generated/custom-css-properties/index.js +43 -44
- package/internal/generated/custom-css-properties/index.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/internal/styles/global-vars.d.ts +6 -0
- package/internal/styles/global-vars.d.ts.map +1 -0
- package/internal/styles/global-vars.js +8 -0
- package/internal/styles/global-vars.js.map +1 -0
- package/mixed-line-bar-chart/bar-series.d.ts +3 -3
- package/mixed-line-bar-chart/bar-series.d.ts.map +1 -1
- package/mixed-line-bar-chart/bar-series.js +61 -17
- package/mixed-line-bar-chart/bar-series.js.map +1 -1
- package/mixed-line-bar-chart/create-one-side-rounded-rect-path.d.ts +7 -0
- package/mixed-line-bar-chart/create-one-side-rounded-rect-path.d.ts.map +1 -0
- package/mixed-line-bar-chart/create-one-side-rounded-rect-path.js +33 -0
- package/mixed-line-bar-chart/create-one-side-rounded-rect-path.js.map +1 -0
- package/mixed-line-bar-chart/data-series.d.ts.map +1 -1
- package/mixed-line-bar-chart/data-series.js +5 -5
- package/mixed-line-bar-chart/data-series.js.map +1 -1
- package/mixed-line-bar-chart/utils.d.ts +2 -9
- package/mixed-line-bar-chart/utils.d.ts.map +1 -1
- package/mixed-line-bar-chart/utils.js +19 -26
- package/mixed-line-bar-chart/utils.js.map +1 -1
- package/package.json +1 -1
- package/spinner/styles.css.js +13 -13
- package/spinner/styles.scoped.css +39 -39
- package/spinner/styles.selectors.js +13 -13
- package/split-panel/implementation.d.ts.map +1 -1
- package/split-panel/implementation.js +7 -7
- package/split-panel/implementation.js.map +1 -1
- package/split-panel/interfaces.d.ts +1 -0
- package/split-panel/interfaces.d.ts.map +1 -1
- package/split-panel/interfaces.js.map +1 -1
- package/split-panel/side.d.ts +1 -1
- package/split-panel/side.d.ts.map +1 -1
- package/split-panel/side.js +2 -5
- package/split-panel/side.js.map +1 -1
- package/table/sticky-scrollbar/sticky-scrollbar.d.ts.map +1 -1
- package/table/sticky-scrollbar/sticky-scrollbar.js +1 -7
- package/table/sticky-scrollbar/sticky-scrollbar.js.map +1 -1
- package/table/sticky-scrollbar/use-sticky-scrollbar.d.ts +2 -2
- package/table/sticky-scrollbar/use-sticky-scrollbar.d.ts.map +1 -1
- package/table/sticky-scrollbar/use-sticky-scrollbar.js +12 -30
- package/table/sticky-scrollbar/use-sticky-scrollbar.js.map +1 -1
- package/theming/index.d.ts +5 -0
- package/theming/index.d.ts.map +1 -1
- package/theming/index.js +8 -1
- package/theming/index.js.map +1 -1
|
@@ -96,29 +96,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
96
96
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
97
97
|
SPDX-License-Identifier: Apache-2.0
|
|
98
98
|
*/
|
|
99
|
-
div.
|
|
99
|
+
div.awsui_background_hyvsj_nbcko_99:not(#\9) {
|
|
100
100
|
display: contents;
|
|
101
101
|
}
|
|
102
|
-
div.
|
|
102
|
+
div.awsui_background_hyvsj_nbcko_99 > .awsui_scrolling-background_hyvsj_nbcko_102:not(#\9) {
|
|
103
103
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
104
104
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
105
105
|
grid-column: 1/span 5;
|
|
106
106
|
grid-row: 1/10;
|
|
107
107
|
}
|
|
108
|
-
div.
|
|
108
|
+
div.awsui_background_hyvsj_nbcko_99 > .awsui_sticky-background_hyvsj_nbcko_108:not(#\9) {
|
|
109
109
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
110
110
|
grid-column: 1/span 5;
|
|
111
111
|
grid-row: 1/10;
|
|
112
112
|
position: sticky;
|
|
113
|
-
inset-block-start: var(--awsui-header-height-
|
|
113
|
+
inset-block-start: var(--awsui-header-height-ud5fvm);
|
|
114
114
|
z-index: 799;
|
|
115
115
|
}
|
|
116
|
-
div.
|
|
117
|
-
block-size: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-
|
|
116
|
+
div.awsui_background_hyvsj_nbcko_99 > .awsui_sticky-background_hyvsj_nbcko_108:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_nbcko_116) {
|
|
117
|
+
block-size: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-ud5fvm));
|
|
118
118
|
}
|
|
119
|
-
div.
|
|
119
|
+
div.awsui_background_hyvsj_nbcko_99 > .awsui_sticky-background_hyvsj_nbcko_108.awsui_has-sticky-notifications_hyvsj_nbcko_116:not(#\9) {
|
|
120
120
|
block-size: calc(
|
|
121
|
-
var(--awsui-notifications-gap-
|
|
121
|
+
var(--awsui-notifications-gap-ud5fvm) + var(--awsui-notifications-height-ud5fvm) + var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-ud5fvm)
|
|
122
122
|
);
|
|
123
123
|
}
|
|
124
124
|
|
|
@@ -126,7 +126,7 @@ div.awsui_background_hyvsj_oarcx_99 > .awsui_sticky-background_hyvsj_oarcx_108.a
|
|
|
126
126
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
127
127
|
SPDX-License-Identifier: Apache-2.0
|
|
128
128
|
*/
|
|
129
|
-
.
|
|
129
|
+
.awsui_breadcrumbs_hyvsj_nbcko_129:not(#\9) {
|
|
130
130
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
131
131
|
grid-area: breadcrumbs;
|
|
132
132
|
/*
|
|
@@ -136,7 +136,7 @@ div.awsui_background_hyvsj_oarcx_99 > .awsui_sticky-background_hyvsj_oarcx_108.a
|
|
|
136
136
|
be lifted so it doesn't render behind the background element.
|
|
137
137
|
*/
|
|
138
138
|
}
|
|
139
|
-
.
|
|
139
|
+
.awsui_breadcrumbs_hyvsj_nbcko_129.awsui_has-sticky-background_hyvsj_nbcko_139:not(#\9) {
|
|
140
140
|
z-index: 799;
|
|
141
141
|
}
|
|
142
142
|
|
|
@@ -148,29 +148,29 @@ div.awsui_background_hyvsj_oarcx_99 > .awsui_sticky-background_hyvsj_oarcx_108.a
|
|
|
148
148
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
149
149
|
SPDX-License-Identifier: Apache-2.0
|
|
150
150
|
*/
|
|
151
|
-
.awsui_drawers-
|
|
151
|
+
.awsui_drawers-container_hyvsj_nbcko_151:not(#\9) {
|
|
152
152
|
background-color: transparent;
|
|
153
153
|
display: flex;
|
|
154
154
|
grid-column: 5;
|
|
155
155
|
grid-row: 1/span 10;
|
|
156
|
-
block-size: var(--awsui-content-height-
|
|
156
|
+
block-size: var(--awsui-content-height-ud5fvm);
|
|
157
157
|
pointer-events: none;
|
|
158
158
|
position: sticky;
|
|
159
|
-
inset-block-start: var(--awsui-offset-top-
|
|
159
|
+
inset-block-start: var(--awsui-offset-top-ud5fvm);
|
|
160
160
|
z-index: 830;
|
|
161
161
|
}
|
|
162
|
-
.awsui_drawers-
|
|
162
|
+
.awsui_drawers-container_hyvsj_nbcko_151.awsui_has-open-drawer_hyvsj_nbcko_162:not(#\9) {
|
|
163
163
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
164
164
|
}
|
|
165
165
|
@media (min-width: 689px) {
|
|
166
|
-
.awsui_drawers-
|
|
166
|
+
.awsui_drawers-container_hyvsj_nbcko_151:not(#\9) {
|
|
167
167
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
168
|
-
max-inline-size: calc(var(--awsui-layout-width-
|
|
168
|
+
max-inline-size: calc(var(--awsui-layout-width-ud5fvm) - var(--awsui-main-offset-left-ud5fvm) - var(--awsui-default-min-content-width-ud5fvm) - var(--awsui-content-gap-right-ud5fvm));
|
|
169
169
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
170
170
|
}
|
|
171
171
|
}
|
|
172
172
|
@media (max-width: 688px) {
|
|
173
|
-
.awsui_drawers-
|
|
173
|
+
.awsui_drawers-container_hyvsj_nbcko_151:not(#\9) {
|
|
174
174
|
position: fixed;
|
|
175
175
|
inset-inline-end: 0;
|
|
176
176
|
z-index: 1001;
|
|
@@ -182,12 +182,12 @@ div.awsui_background_hyvsj_oarcx_99 > .awsui_sticky-background_hyvsj_oarcx_108.a
|
|
|
182
182
|
relative to the body.
|
|
183
183
|
*/
|
|
184
184
|
}
|
|
185
|
-
.awsui_drawers-
|
|
186
|
-
inset-block-start: var(--awsui-header-height-
|
|
185
|
+
.awsui_drawers-container_hyvsj_nbcko_151.awsui_disable-body-scroll_hyvsj_nbcko_185:not(#\9) {
|
|
186
|
+
inset-block-start: var(--awsui-header-height-ud5fvm);
|
|
187
187
|
}
|
|
188
188
|
}
|
|
189
189
|
|
|
190
|
-
.awsui_drawers-desktop-triggers-
|
|
190
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_nbcko_190:not(#\9) {
|
|
191
191
|
border-collapse: separate;
|
|
192
192
|
border-spacing: 0;
|
|
193
193
|
box-sizing: border-box;
|
|
@@ -229,21 +229,21 @@ div.awsui_background_hyvsj_oarcx_99 > .awsui_sticky-background_hyvsj_oarcx_108.a
|
|
|
229
229
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
230
230
|
overscroll-behavior-y: contain;
|
|
231
231
|
}
|
|
232
|
-
.awsui_drawers-desktop-triggers-
|
|
232
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_nbcko_190:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_nbcko_231).awsui_has-open-drawer_hyvsj_nbcko_162 {
|
|
233
233
|
inline-size: 0;
|
|
234
234
|
}
|
|
235
|
-
.awsui_drawers-desktop-triggers-
|
|
235
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_nbcko_190.awsui_has-multiple-triggers_hyvsj_nbcko_231.awsui_has-open-drawer_hyvsj_nbcko_162:not(#\9) {
|
|
236
236
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
237
237
|
}
|
|
238
|
-
.awsui_drawers-desktop-triggers-
|
|
238
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_nbcko_190:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_nbcko_231):not(.awsui_has-open-drawer_hyvsj_nbcko_162) {
|
|
239
239
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
240
240
|
}
|
|
241
241
|
|
|
242
|
-
.awsui_drawers-mobile-triggers-
|
|
242
|
+
.awsui_drawers-mobile-triggers-container_hyvsj_nbcko_241:not(#\9) {
|
|
243
243
|
display: flex;
|
|
244
244
|
}
|
|
245
245
|
|
|
246
|
-
.awsui_drawers-trigger-
|
|
246
|
+
.awsui_drawers-trigger-content_hyvsj_nbcko_245:not(#\9) {
|
|
247
247
|
align-items: center;
|
|
248
248
|
display: flex;
|
|
249
249
|
flex-direction: column;
|
|
@@ -251,13 +251,13 @@ div.awsui_background_hyvsj_oarcx_99 > .awsui_sticky-background_hyvsj_oarcx_108.a
|
|
|
251
251
|
padding-block-start: var(--space-scaled-s-aqzyko, 12px);
|
|
252
252
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
253
253
|
}
|
|
254
|
-
.awsui_drawers-trigger-
|
|
254
|
+
.awsui_drawers-trigger-content_hyvsj_nbcko_245:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_nbcko_231).awsui_has-open-drawer_hyvsj_nbcko_162 {
|
|
255
255
|
opacity: 0;
|
|
256
256
|
}
|
|
257
|
-
.awsui_drawers-trigger-
|
|
257
|
+
.awsui_drawers-trigger-content_hyvsj_nbcko_245:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_nbcko_231):not(.awsui_has-open-drawer_hyvsj_nbcko_162) {
|
|
258
258
|
opacity: 1;
|
|
259
259
|
}
|
|
260
|
-
.awsui_drawers-trigger-
|
|
260
|
+
.awsui_drawers-trigger-content_hyvsj_nbcko_245 > .awsui_drawers-trigger-overflow_hyvsj_nbcko_259:not(#\9) {
|
|
261
261
|
padding-block: 0;
|
|
262
262
|
padding-inline: 1px;
|
|
263
263
|
display: flex;
|
|
@@ -266,15 +266,15 @@ div.awsui_background_hyvsj_oarcx_99 > .awsui_sticky-background_hyvsj_oarcx_108.a
|
|
|
266
266
|
}
|
|
267
267
|
|
|
268
268
|
@media (max-width: 688px) {
|
|
269
|
-
.awsui_drawers-
|
|
269
|
+
.awsui_drawers-trigger_hyvsj_nbcko_245:not(#\9) {
|
|
270
270
|
inline-size: 40px;
|
|
271
271
|
display: flex;
|
|
272
272
|
justify-content: center;
|
|
273
273
|
}
|
|
274
274
|
}
|
|
275
275
|
|
|
276
|
-
.
|
|
277
|
-
--awsui-drawer-size-
|
|
276
|
+
.awsui_drawer_hyvsj_nbcko_151:not(#\9) {
|
|
277
|
+
--awsui-drawer-size-ud5fvm: 290px;
|
|
278
278
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
279
279
|
border-color: transparent;
|
|
280
280
|
display: grid;
|
|
@@ -288,51 +288,51 @@ div.awsui_background_hyvsj_oarcx_99 > .awsui_sticky-background_hyvsj_oarcx_108.a
|
|
|
288
288
|
pointer-events: auto;
|
|
289
289
|
word-wrap: break-word;
|
|
290
290
|
}
|
|
291
|
-
.
|
|
291
|
+
.awsui_drawer_hyvsj_nbcko_151 > .awsui_drawer-content-container_hyvsj_nbcko_290:not(#\9) {
|
|
292
292
|
grid-column: 1/span 2;
|
|
293
293
|
grid-row: 1;
|
|
294
|
-
inline-size: var(--awsui-drawer-size-
|
|
294
|
+
inline-size: var(--awsui-drawer-size-ud5fvm);
|
|
295
295
|
display: grid;
|
|
296
296
|
grid-template-columns: var(--space-m-udix3p, 16px) 1fr auto var(--space-m-udix3p, 16px);
|
|
297
297
|
grid-template-rows: var(--size-vertical-panel-icon-offset-wy8j08, 15px) auto 1fr;
|
|
298
298
|
overflow-y: auto;
|
|
299
299
|
}
|
|
300
|
-
.
|
|
300
|
+
.awsui_drawer_hyvsj_nbcko_151 > .awsui_drawer-content-container_hyvsj_nbcko_290 > .awsui_drawer-close-button_hyvsj_nbcko_299:not(#\9) {
|
|
301
301
|
grid-column: 3;
|
|
302
302
|
grid-row: 2;
|
|
303
303
|
z-index: 1;
|
|
304
304
|
}
|
|
305
|
-
.
|
|
305
|
+
.awsui_drawer_hyvsj_nbcko_151 > .awsui_drawer-content-container_hyvsj_nbcko_290 > .awsui_drawer-content_hyvsj_nbcko_290:not(#\9) {
|
|
306
306
|
grid-column: 1/span 4;
|
|
307
307
|
}
|
|
308
|
-
.
|
|
308
|
+
.awsui_drawer_hyvsj_nbcko_151 > .awsui_drawer-content-container_hyvsj_nbcko_290 > .awsui_drawer-content_hyvsj_nbcko_290.awsui_drawer-content-hidden_hyvsj_nbcko_307:not(#\9) {
|
|
309
309
|
display: none;
|
|
310
310
|
}
|
|
311
|
-
.
|
|
311
|
+
.awsui_drawer_hyvsj_nbcko_151 > .awsui_drawer-slider_hyvsj_nbcko_310:not(#\9) {
|
|
312
312
|
grid-column: 1;
|
|
313
313
|
grid-row: 1;
|
|
314
314
|
block-size: 100%;
|
|
315
315
|
display: flex;
|
|
316
316
|
align-items: center;
|
|
317
317
|
}
|
|
318
|
-
.
|
|
318
|
+
.awsui_drawer_hyvsj_nbcko_151:not(#\9):not(.awsui_is-drawer-open_hyvsj_nbcko_317) {
|
|
319
319
|
opacity: 0;
|
|
320
320
|
inline-size: 0;
|
|
321
321
|
}
|
|
322
|
-
.
|
|
322
|
+
.awsui_drawer_hyvsj_nbcko_151.awsui_is-drawer-open_hyvsj_nbcko_317:not(#\9) {
|
|
323
323
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
324
324
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
325
325
|
opacity: 1;
|
|
326
|
-
inline-size: var(--awsui-drawer-size-
|
|
326
|
+
inline-size: var(--awsui-drawer-size-ud5fvm);
|
|
327
327
|
}
|
|
328
328
|
@media (min-width: 2541px) {
|
|
329
|
-
.
|
|
330
|
-
--awsui-drawer-size-
|
|
329
|
+
.awsui_drawer_hyvsj_nbcko_151.awsui_is-drawer-open_hyvsj_nbcko_317:not(#\9) {
|
|
330
|
+
--awsui-drawer-size-ud5fvm: 320px;
|
|
331
331
|
}
|
|
332
332
|
}
|
|
333
333
|
@media (max-width: 688px) {
|
|
334
|
-
.
|
|
335
|
-
--awsui-drawer-size-
|
|
334
|
+
.awsui_drawer_hyvsj_nbcko_151.awsui_is-drawer-open_hyvsj_nbcko_317:not(#\9) {
|
|
335
|
+
--awsui-drawer-size-ud5fvm: 100vw;
|
|
336
336
|
inline-size: 100vw;
|
|
337
337
|
}
|
|
338
338
|
}
|
|
@@ -341,7 +341,7 @@ div.awsui_background_hyvsj_oarcx_99 > .awsui_sticky-background_hyvsj_oarcx_108.a
|
|
|
341
341
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
342
342
|
SPDX-License-Identifier: Apache-2.0
|
|
343
343
|
*/
|
|
344
|
-
header.
|
|
344
|
+
header.awsui_content_hyvsj_nbcko_343:not(#\9) {
|
|
345
345
|
grid-area: header;
|
|
346
346
|
}
|
|
347
347
|
|
|
@@ -362,35 +362,34 @@ The minimum content width property is set to zero and applied under all
|
|
|
362
362
|
circumstances regardless of whether the minContentWidth property is
|
|
363
363
|
explicitly set in script.
|
|
364
364
|
*/
|
|
365
|
-
.
|
|
366
|
-
--awsui-breadcrumbs-gap-
|
|
367
|
-
--awsui-content-gap-left-
|
|
368
|
-
--awsui-content-gap-right-
|
|
369
|
-
--awsui-content-height-
|
|
370
|
-
--awsui-default-max-content-width-
|
|
371
|
-
--awsui-default-min-content-width-
|
|
372
|
-
--awsui-footer-height-
|
|
373
|
-
--awsui-header-gap-
|
|
374
|
-
--awsui-header-height-
|
|
375
|
-
--awsui-layout-width-
|
|
376
|
-
--awsui-main-gap-
|
|
377
|
-
--awsui-main-offset-left-
|
|
378
|
-
--awsui-main-template-rows-
|
|
379
|
-
--awsui-max-content-width-
|
|
380
|
-
--awsui-min-content-width-
|
|
381
|
-
--awsui-mobile-bar-height-
|
|
382
|
-
--awsui-notifications-gap-
|
|
383
|
-
--awsui-notifications-height-
|
|
384
|
-
--awsui-offset-top-
|
|
385
|
-
--awsui-
|
|
386
|
-
--awsui-overlap-height-lgosor: var(--space-dark-header-overlap-distance-lxpp0s, 36px);
|
|
365
|
+
.awsui_layout_hyvsj_nbcko_364:not(#\9) {
|
|
366
|
+
--awsui-breadcrumbs-gap-ud5fvm: 0px;
|
|
367
|
+
--awsui-content-gap-left-ud5fvm: 0px;
|
|
368
|
+
--awsui-content-gap-right-ud5fvm: 0px;
|
|
369
|
+
--awsui-content-height-ud5fvm: calc(100vh - var(--awsui-header-height-ud5fvm) - var(--awsui-footer-height-ud5fvm));
|
|
370
|
+
--awsui-default-max-content-width-ud5fvm: 1280px;
|
|
371
|
+
--awsui-default-min-content-width-ud5fvm: 0px;
|
|
372
|
+
--awsui-footer-height-ud5fvm: 0px;
|
|
373
|
+
--awsui-header-gap-ud5fvm: 0px;
|
|
374
|
+
--awsui-header-height-ud5fvm: 0px;
|
|
375
|
+
--awsui-layout-width-ud5fvm: 0px;
|
|
376
|
+
--awsui-main-gap-ud5fvm: 0px;
|
|
377
|
+
--awsui-main-offset-left-ud5fvm: 0px;
|
|
378
|
+
--awsui-main-template-rows-ud5fvm: 1fr;
|
|
379
|
+
--awsui-max-content-width-ud5fvm: 0px;
|
|
380
|
+
--awsui-min-content-width-ud5fvm: 280px;
|
|
381
|
+
--awsui-mobile-bar-height-ud5fvm: calc(2 * var(--space-m-udix3p, 16px) + var(--space-scaled-xs-26e2du, 8px));
|
|
382
|
+
--awsui-notifications-gap-ud5fvm: 0px;
|
|
383
|
+
--awsui-notifications-height-ud5fvm: 0px;
|
|
384
|
+
--awsui-offset-top-ud5fvm: var(--awsui-header-height-ud5fvm);
|
|
385
|
+
--awsui-overlap-height-ud5fvm: var(--space-dark-header-overlap-distance-lxpp0s, 36px);
|
|
387
386
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
388
387
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
389
388
|
display: grid;
|
|
390
389
|
grid-template-areas: ". . mobileToolbar . ." ". . notificationsGap . ." ". . notifications . ." ". . breadcrumbsGap . ." ". . breadcrumbs . ." ". . headerGap . ." ". . header . ." ". . mainGap . ." ". . main . ." ". . main . .";
|
|
391
|
-
grid-template-columns: min-content minmax(var(--awsui-content-gap-left-
|
|
392
|
-
grid-template-rows: auto var(--awsui-notifications-gap-
|
|
393
|
-
min-block-size: var(--awsui-content-height-
|
|
390
|
+
grid-template-columns: min-content minmax(var(--awsui-content-gap-left-ud5fvm), 1fr) minmax(var(--awsui-default-min-content-width-ud5fvm), var(--awsui-default-max-content-width-ud5fvm)) minmax(var(--awsui-content-gap-right-ud5fvm), 1fr) min-content;
|
|
391
|
+
grid-template-rows: auto var(--awsui-notifications-gap-ud5fvm) auto var(--awsui-breadcrumbs-gap-ud5fvm) auto var(--awsui-header-gap-ud5fvm) auto var(--awsui-main-gap-ud5fvm) var(--awsui-overlap-height-ud5fvm) var(--awsui-main-template-rows-ud5fvm);
|
|
392
|
+
min-block-size: var(--awsui-content-height-ud5fvm);
|
|
394
393
|
position: relative;
|
|
395
394
|
/*
|
|
396
395
|
Add unified max-width for AppLayout content based on breakpoints. Only use the max content
|
|
@@ -412,15 +411,6 @@ explicitly set in script.
|
|
|
412
411
|
isMobile breakpoint sets the drawers to overlay at 100vw.
|
|
413
412
|
*/
|
|
414
413
|
/*
|
|
415
|
-
The offset top value for components with position: sticky (AppBar, Navigation,
|
|
416
|
-
Notifications, Tools) will be set to the header height value. The offset top value
|
|
417
|
-
for AppLayout contentMain children with position: sticky will be the combined value
|
|
418
|
-
of the header and notifications height in addition to the notifications top margin
|
|
419
|
-
and some additional vertical space for aesthetics.
|
|
420
|
-
*/
|
|
421
|
-
/* stylelint-disable scss/operator-no-newline-after */
|
|
422
|
-
/* stylelint-enable scss/operator-no-newline-after */
|
|
423
|
-
/*
|
|
424
414
|
In desktop viewports the content gap property for the left and right
|
|
425
415
|
columns should override the default of zero if the navigationHide
|
|
426
416
|
or toolsHide property is set. This ensures adequate horizontal space
|
|
@@ -443,131 +433,113 @@ explicitly set in script.
|
|
|
443
433
|
*/
|
|
444
434
|
}
|
|
445
435
|
@media (min-width: 1401px) {
|
|
446
|
-
.
|
|
447
|
-
--awsui-default-max-content-width-
|
|
436
|
+
.awsui_layout_hyvsj_nbcko_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_nbcko_435) {
|
|
437
|
+
--awsui-default-max-content-width-ud5fvm: 1280px;
|
|
448
438
|
}
|
|
449
439
|
}
|
|
450
440
|
@media (min-width: 1921px) {
|
|
451
|
-
.
|
|
452
|
-
--awsui-default-max-content-width-
|
|
441
|
+
.awsui_layout_hyvsj_nbcko_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_nbcko_435) {
|
|
442
|
+
--awsui-default-max-content-width-ud5fvm: 1440px;
|
|
453
443
|
}
|
|
454
444
|
}
|
|
455
445
|
@media (min-width: 2541px) {
|
|
456
|
-
.
|
|
457
|
-
--awsui-default-max-content-width-
|
|
446
|
+
.awsui_layout_hyvsj_nbcko_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_nbcko_435) {
|
|
447
|
+
--awsui-default-max-content-width-ud5fvm: 1620px;
|
|
458
448
|
}
|
|
459
449
|
}
|
|
460
450
|
@media (min-width: 1401px) {
|
|
461
|
-
.
|
|
462
|
-
--awsui-default-max-content-width-
|
|
451
|
+
.awsui_layout_hyvsj_nbcko_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_nbcko_435).awsui_content-type-dashboard_hyvsj_nbcko_450 {
|
|
452
|
+
--awsui-default-max-content-width-ud5fvm: 1280px;
|
|
463
453
|
}
|
|
464
454
|
}
|
|
465
455
|
@media (min-width: 1921px) {
|
|
466
|
-
.
|
|
467
|
-
--awsui-default-max-content-width-
|
|
456
|
+
.awsui_layout_hyvsj_nbcko_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_nbcko_435).awsui_content-type-dashboard_hyvsj_nbcko_450 {
|
|
457
|
+
--awsui-default-max-content-width-ud5fvm: 1620px;
|
|
468
458
|
}
|
|
469
459
|
}
|
|
470
460
|
@media (min-width: 2541px) {
|
|
471
|
-
.
|
|
472
|
-
--awsui-default-max-content-width-
|
|
461
|
+
.awsui_layout_hyvsj_nbcko_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_nbcko_435).awsui_content-type-dashboard_hyvsj_nbcko_450 {
|
|
462
|
+
--awsui-default-max-content-width-ud5fvm: 2160px;
|
|
473
463
|
}
|
|
474
464
|
}
|
|
475
|
-
.
|
|
476
|
-
--awsui-default-max-content-width-
|
|
465
|
+
.awsui_layout_hyvsj_nbcko_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_nbcko_435).awsui_content-type-table_hyvsj_nbcko_464, .awsui_layout_hyvsj_nbcko_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_nbcko_435).awsui_content-type-cards_hyvsj_nbcko_464 {
|
|
466
|
+
--awsui-default-max-content-width-ud5fvm: 100%;
|
|
477
467
|
}
|
|
478
|
-
.
|
|
479
|
-
--awsui-default-max-content-width-
|
|
468
|
+
.awsui_layout_hyvsj_nbcko_364.awsui_has-max-content-width_hyvsj_nbcko_435:not(#\9) {
|
|
469
|
+
--awsui-default-max-content-width-ud5fvm: var(--awsui-max-content-width-ud5fvm);
|
|
480
470
|
}
|
|
481
|
-
.
|
|
482
|
-
--awsui-overlap-height-
|
|
471
|
+
.awsui_layout_hyvsj_nbcko_364.awsui_is-overlap-disabled_hyvsj_nbcko_470:not(#\9) {
|
|
472
|
+
--awsui-overlap-height-ud5fvm: 0;
|
|
483
473
|
}
|
|
484
|
-
.
|
|
485
|
-
--awsui-mobile-bar-height-
|
|
474
|
+
.awsui_layout_hyvsj_nbcko_364.awsui_is-hide-mobile-toolbar_hyvsj_nbcko_473:not(#\9) {
|
|
475
|
+
--awsui-mobile-bar-height-ud5fvm: 0px;
|
|
486
476
|
}
|
|
487
477
|
@media (min-width: 993px) {
|
|
488
|
-
.
|
|
489
|
-
--awsui-default-min-content-width-
|
|
478
|
+
.awsui_layout_hyvsj_nbcko_364:not(#\9) {
|
|
479
|
+
--awsui-default-min-content-width-ud5fvm: var(--awsui-min-content-width-ud5fvm, 280px);
|
|
490
480
|
}
|
|
491
481
|
}
|
|
492
482
|
@media (max-width: 992px) {
|
|
493
|
-
.
|
|
494
|
-
--awsui-default-min-content-width-
|
|
483
|
+
.awsui_layout_hyvsj_nbcko_364:not(#\9) {
|
|
484
|
+
--awsui-default-min-content-width-ud5fvm: 0px;
|
|
495
485
|
}
|
|
496
486
|
}
|
|
497
|
-
.awsui_layout_hyvsj_oarcx_364:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_oarcx_116):not(.awsui_has-sticky-background_hyvsj_oarcx_139) {
|
|
498
|
-
--awsui-offset-top-with-notifications-lgosor: var(--awsui-header-height-lgosor);
|
|
499
|
-
}
|
|
500
|
-
.awsui_layout_hyvsj_oarcx_364:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_oarcx_116).awsui_has-sticky-background_hyvsj_oarcx_139 {
|
|
501
|
-
--awsui-offset-top-with-notifications-lgosor: calc(var(--awsui-header-height-lgosor) + var(--space-scaled-s-aqzyko, 12px));
|
|
502
|
-
}
|
|
503
|
-
.awsui_layout_hyvsj_oarcx_364.awsui_has-sticky-notifications_hyvsj_oarcx_116:not(#\9):not(.awsui_has-sticky-background_hyvsj_oarcx_139) {
|
|
504
|
-
--awsui-offset-top-with-notifications-lgosor: calc(
|
|
505
|
-
var(--awsui-offset-top-lgosor) + var(--awsui-notifications-gap-lgosor) +
|
|
506
|
-
var(--awsui-notifications-height-lgosor) + var(--space-xxxs-zbmxqb, 2px)
|
|
507
|
-
);
|
|
508
|
-
}
|
|
509
|
-
.awsui_layout_hyvsj_oarcx_364.awsui_has-sticky-notifications_hyvsj_oarcx_116.awsui_has-sticky-background_hyvsj_oarcx_139:not(#\9) {
|
|
510
|
-
--awsui-offset-top-with-notifications-lgosor: calc(
|
|
511
|
-
var(--awsui-offset-top-lgosor) + var(--awsui-notifications-gap-lgosor) +
|
|
512
|
-
var(--awsui-notifications-height-lgosor) + var(--space-scaled-s-aqzyko, 12px)
|
|
513
|
-
);
|
|
514
|
-
}
|
|
515
487
|
@media (min-width: 689px) {
|
|
516
|
-
.
|
|
517
|
-
--awsui-content-gap-left-
|
|
488
|
+
.awsui_layout_hyvsj_nbcko_364.awsui_has-content-gap-left_hyvsj_nbcko_487:not(#\9) {
|
|
489
|
+
--awsui-content-gap-left-ud5fvm: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
518
490
|
}
|
|
519
|
-
.
|
|
520
|
-
--awsui-content-gap-right-
|
|
491
|
+
.awsui_layout_hyvsj_nbcko_364.awsui_has-content-gap-right_hyvsj_nbcko_490:not(#\9) {
|
|
492
|
+
--awsui-content-gap-right-ud5fvm: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
521
493
|
}
|
|
522
494
|
}
|
|
523
495
|
@media (max-width: 688px) {
|
|
524
|
-
.
|
|
525
|
-
--awsui-content-gap-left-
|
|
526
|
-
--awsui-content-gap-right-
|
|
496
|
+
.awsui_layout_hyvsj_nbcko_364:not(#\9) {
|
|
497
|
+
--awsui-content-gap-left-ud5fvm: var(--space-l-t419sm, 20px);
|
|
498
|
+
--awsui-content-gap-right-ud5fvm: var(--space-l-t419sm, 20px);
|
|
527
499
|
}
|
|
528
500
|
}
|
|
529
|
-
.
|
|
530
|
-
--awsui-notifications-gap-
|
|
501
|
+
.awsui_layout_hyvsj_nbcko_364.awsui_content-first-child-notifications_hyvsj_nbcko_500:not(#\9) {
|
|
502
|
+
--awsui-notifications-gap-ud5fvm: var(--space-xs-zb16t3, 8px);
|
|
531
503
|
}
|
|
532
|
-
.
|
|
533
|
-
--awsui-breadcrumbs-gap-
|
|
504
|
+
.awsui_layout_hyvsj_nbcko_364.awsui_has-breadcrumbs_hyvsj_nbcko_503:not(#\9) {
|
|
505
|
+
--awsui-breadcrumbs-gap-ud5fvm: var(--space-scaled-m-mo5yse, 16px);
|
|
534
506
|
}
|
|
535
|
-
.
|
|
536
|
-
--awsui-header-gap-
|
|
507
|
+
.awsui_layout_hyvsj_nbcko_364.awsui_content-first-child-header_hyvsj_nbcko_506:not(#\9), .awsui_layout_hyvsj_nbcko_364.awsui_content-first-child-notifications_hyvsj_nbcko_500:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_nbcko_503).awsui_has-header_hyvsj_nbcko_506 {
|
|
508
|
+
--awsui-header-gap-ud5fvm: var(--space-scaled-xs-26e2du, 8px);
|
|
537
509
|
}
|
|
538
|
-
.
|
|
539
|
-
--awsui-header-gap-
|
|
510
|
+
.awsui_layout_hyvsj_nbcko_364.awsui_has-breadcrumbs_hyvsj_nbcko_503.awsui_has-header_hyvsj_nbcko_506:not(#\9) {
|
|
511
|
+
--awsui-header-gap-ud5fvm: var(--space-scaled-xs-26e2du, 8px);
|
|
540
512
|
}
|
|
541
|
-
.
|
|
542
|
-
--awsui-main-gap-
|
|
513
|
+
.awsui_layout_hyvsj_nbcko_364.awsui_content-first-child-notifications_hyvsj_nbcko_500:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_nbcko_503):not(.awsui_has-header_hyvsj_nbcko_506) {
|
|
514
|
+
--awsui-main-gap-ud5fvm: var(--space-xs-zb16t3, 8px);
|
|
543
515
|
}
|
|
544
|
-
.
|
|
545
|
-
--awsui-main-gap-
|
|
516
|
+
.awsui_layout_hyvsj_nbcko_364.awsui_has-breadcrumbs_hyvsj_nbcko_503:not(#\9):not(.awsui_has-header_hyvsj_nbcko_506).awsui_is-overlap-disabled_hyvsj_nbcko_470 {
|
|
517
|
+
--awsui-main-gap-ud5fvm: var(--space-scaled-m-mo5yse, 16px);
|
|
546
518
|
}
|
|
547
|
-
.
|
|
548
|
-
--awsui-main-gap-
|
|
519
|
+
.awsui_layout_hyvsj_nbcko_364.awsui_has-breadcrumbs_hyvsj_nbcko_503:not(#\9):not(.awsui_has-header_hyvsj_nbcko_506):not(.awsui_is-overlap-disabled_hyvsj_nbcko_470) {
|
|
520
|
+
--awsui-main-gap-ud5fvm: var(--space-scaled-xxs-7597g1, 4px);
|
|
549
521
|
}
|
|
550
|
-
.
|
|
551
|
-
--awsui-main-gap-
|
|
522
|
+
.awsui_layout_hyvsj_nbcko_364.awsui_has-header_hyvsj_nbcko_506:not(#\9) {
|
|
523
|
+
--awsui-main-gap-ud5fvm: var(--space-content-header-padding-bottom-y2enua, 16px);
|
|
552
524
|
}
|
|
553
|
-
.
|
|
554
|
-
--awsui-main-gap-
|
|
525
|
+
.awsui_layout_hyvsj_nbcko_364.awsui_content-first-child-main_hyvsj_nbcko_524:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_nbcko_470), .awsui_layout_hyvsj_nbcko_364.awsui_content-first-child-main_hyvsj_nbcko_524.awsui_is-overlap-disabled_hyvsj_nbcko_470:not(#\9):not(.awsui_disable-content-paddings_hyvsj_nbcko_524) {
|
|
526
|
+
--awsui-main-gap-ud5fvm: var(--space-scaled-s-aqzyko, 12px);
|
|
555
527
|
}
|
|
556
528
|
@media (max-width: 688px) {
|
|
557
|
-
.
|
|
558
|
-
--awsui-notifications-gap-
|
|
529
|
+
.awsui_layout_hyvsj_nbcko_364.awsui_content-first-child-notifications_hyvsj_nbcko_500:not(#\9) {
|
|
530
|
+
--awsui-notifications-gap-ud5fvm: var(--space-scaled-s-aqzyko, 12px);
|
|
559
531
|
}
|
|
560
|
-
.
|
|
561
|
-
--awsui-header-gap-
|
|
532
|
+
.awsui_layout_hyvsj_nbcko_364.awsui_content-first-child-header_hyvsj_nbcko_506:not(#\9) {
|
|
533
|
+
--awsui-header-gap-ud5fvm: var(--space-scaled-s-aqzyko, 12px);
|
|
562
534
|
}
|
|
563
|
-
.
|
|
564
|
-
--awsui-header-gap-
|
|
535
|
+
.awsui_layout_hyvsj_nbcko_364.awsui_content-first-child-notifications_hyvsj_nbcko_500:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_nbcko_503).awsui_has-header_hyvsj_nbcko_506 {
|
|
536
|
+
--awsui-header-gap-ud5fvm: var(--space-scaled-s-aqzyko, 12px);
|
|
565
537
|
}
|
|
566
|
-
.
|
|
567
|
-
--awsui-main-gap-
|
|
538
|
+
.awsui_layout_hyvsj_nbcko_364.awsui_content-first-child-notifications_hyvsj_nbcko_500:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_nbcko_503):not(.awsui_has-header_hyvsj_nbcko_506), .awsui_layout_hyvsj_nbcko_364.awsui_content-first-child-main_hyvsj_nbcko_524:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_nbcko_470) {
|
|
539
|
+
--awsui-main-gap-ud5fvm: var(--space-scaled-s-aqzyko, 12px);
|
|
568
540
|
}
|
|
569
|
-
.
|
|
570
|
-
--awsui-main-gap-
|
|
541
|
+
.awsui_layout_hyvsj_nbcko_364.awsui_content-first-child-main_hyvsj_nbcko_524.awsui_is-overlap-disabled_hyvsj_nbcko_470:not(#\9):not(.awsui_disable-content-paddings_hyvsj_nbcko_524) {
|
|
542
|
+
--awsui-main-gap-ud5fvm: var(--space-scaled-m-mo5yse, 16px);
|
|
571
543
|
}
|
|
572
544
|
}
|
|
573
545
|
|
|
@@ -581,35 +553,27 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
581
553
|
position: sticky will be the value of the notifications height in addition to the
|
|
582
554
|
notifications top margin and some additional vertical space for aesthetics.
|
|
583
555
|
*/
|
|
584
|
-
.
|
|
585
|
-
--awsui-main-template-rows-
|
|
586
|
-
--awsui-offset-top-
|
|
587
|
-
block-size: var(--awsui-content-height-
|
|
556
|
+
.awsui_layout_hyvsj_nbcko_364.awsui_disable-body-scroll_hyvsj_nbcko_185:not(#\9) {
|
|
557
|
+
--awsui-main-template-rows-ud5fvm: 1fr auto;
|
|
558
|
+
--awsui-offset-top-ud5fvm: 0px;
|
|
559
|
+
block-size: var(--awsui-content-height-ud5fvm);
|
|
588
560
|
overflow-y: scroll;
|
|
589
561
|
}
|
|
590
|
-
.
|
|
591
|
-
--awsui-main-template-rows-
|
|
592
|
-
}
|
|
593
|
-
.awsui_layout_hyvsj_oarcx_364.awsui_disable-body-scroll_hyvsj_oarcx_185:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_oarcx_116) {
|
|
594
|
-
--awsui-offset-top-with-notifications-lgosor: 0px;
|
|
595
|
-
}
|
|
596
|
-
.awsui_layout_hyvsj_oarcx_364.awsui_disable-body-scroll_hyvsj_oarcx_185.awsui_has-sticky-notifications_hyvsj_oarcx_116:not(#\9) {
|
|
597
|
-
--awsui-offset-top-with-notifications-lgosor: calc(
|
|
598
|
-
var(--awsui-notifications-height-lgosor) + var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
|
|
599
|
-
);
|
|
562
|
+
.awsui_layout_hyvsj_nbcko_364.awsui_disable-body-scroll_hyvsj_nbcko_185.awsui_has-split-panel_hyvsj_nbcko_561.awsui_split-panel-position-bottom_hyvsj_nbcko_561:not(#\9) {
|
|
563
|
+
--awsui-main-template-rows-ud5fvm: repeat(2, auto);
|
|
600
564
|
}
|
|
601
565
|
|
|
602
566
|
/*
|
|
603
567
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
604
568
|
when the navigation or tools drawers are open in responsive viewports.
|
|
605
569
|
*/
|
|
606
|
-
.awsui_block-body-
|
|
570
|
+
.awsui_block-body-scroll_hyvsj_nbcko_569:not(#\9) {
|
|
607
571
|
overflow: hidden;
|
|
608
572
|
}
|
|
609
573
|
|
|
610
574
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
611
|
-
.
|
|
612
|
-
.
|
|
575
|
+
.awsui_unfocusable_hyvsj_nbcko_574:not(#\9),
|
|
576
|
+
.awsui_unfocusable_hyvsj_nbcko_574 *:not(#\9) {
|
|
613
577
|
visibility: hidden !important;
|
|
614
578
|
}
|
|
615
579
|
|
|
@@ -618,7 +582,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
618
582
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
619
583
|
SPDX-License-Identifier: Apache-2.0
|
|
620
584
|
*/
|
|
621
|
-
.
|
|
585
|
+
.awsui_container_hyvsj_nbcko_584:not(#\9) {
|
|
622
586
|
grid-area: main;
|
|
623
587
|
padding-block-end: var(--space-layout-content-bottom-noqzmw, 40px);
|
|
624
588
|
/*
|
|
@@ -635,19 +599,19 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
635
599
|
on the right, we decrement the column end by one.
|
|
636
600
|
*/
|
|
637
601
|
}
|
|
638
|
-
.
|
|
639
|
-
padding-block-end: calc(var(--awsui-split-panel-height-
|
|
602
|
+
.awsui_container_hyvsj_nbcko_584.awsui_has-split-panel_hyvsj_nbcko_561.awsui_split-panel-position-bottom_hyvsj_nbcko_561:not(#\9) {
|
|
603
|
+
padding-block-end: calc(var(--awsui-split-panel-height-ud5fvm) + var(--space-layout-content-bottom-noqzmw, 40px));
|
|
640
604
|
}
|
|
641
|
-
.
|
|
605
|
+
.awsui_container_hyvsj_nbcko_584.awsui_disable-content-paddings_hyvsj_nbcko_524:not(#\9) {
|
|
642
606
|
grid-column: 1/6;
|
|
643
607
|
padding-block: 0;
|
|
644
608
|
padding-inline: 0;
|
|
645
609
|
}
|
|
646
610
|
@media (min-width: 689px) {
|
|
647
|
-
.
|
|
611
|
+
.awsui_container_hyvsj_nbcko_584.awsui_disable-content-paddings_hyvsj_nbcko_524.awsui_is-navigation-open_hyvsj_nbcko_610:not(#\9) {
|
|
648
612
|
grid-column-start: 2;
|
|
649
613
|
}
|
|
650
|
-
.
|
|
614
|
+
.awsui_container_hyvsj_nbcko_584.awsui_disable-content-paddings_hyvsj_nbcko_524.awsui_is-tools-open_hyvsj_nbcko_613:not(#\9), .awsui_container_hyvsj_nbcko_584.awsui_disable-content-paddings_hyvsj_nbcko_524.awsui_is-split-panel-open_hyvsj_nbcko_613.awsui_split-panel-position-side_hyvsj_nbcko_613:not(#\9), .awsui_container_hyvsj_nbcko_584.awsui_disable-content-paddings_hyvsj_nbcko_524.awsui_has-active-drawer_hyvsj_nbcko_613:not(#\9) {
|
|
651
615
|
grid-column-end: 5;
|
|
652
616
|
}
|
|
653
617
|
}
|
|
@@ -656,13 +620,13 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
656
620
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
657
621
|
SPDX-License-Identifier: Apache-2.0
|
|
658
622
|
*/
|
|
659
|
-
section.awsui_mobile-
|
|
623
|
+
section.awsui_mobile-toolbar_hyvsj_nbcko_622:not(#\9) {
|
|
660
624
|
align-items: center;
|
|
661
625
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
662
626
|
border-block-end: 1px solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
663
627
|
box-shadow: var(--shadow-sticky-blixp9, 0px 4px 8px 1px rgba(0, 7, 22, 0.1));
|
|
664
628
|
box-sizing: border-box;
|
|
665
|
-
block-size: var(--awsui-mobile-bar-height-
|
|
629
|
+
block-size: var(--awsui-mobile-bar-height-ud5fvm);
|
|
666
630
|
display: grid;
|
|
667
631
|
grid-area: mobileToolbar;
|
|
668
632
|
grid-column: 1/span 5;
|
|
@@ -670,22 +634,22 @@ section.awsui_mobile-toolbar_hyvsj_oarcx_658:not(#\9) {
|
|
|
670
634
|
padding-block: 0;
|
|
671
635
|
padding-inline: var(--space-m-udix3p, 16px);
|
|
672
636
|
position: sticky;
|
|
673
|
-
inset-block-start: var(--awsui-offset-top-
|
|
637
|
+
inset-block-start: var(--awsui-offset-top-ud5fvm);
|
|
674
638
|
z-index: 1000;
|
|
675
639
|
}
|
|
676
|
-
section.awsui_mobile-
|
|
640
|
+
section.awsui_mobile-toolbar_hyvsj_nbcko_622:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_nbcko_639) {
|
|
677
641
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
678
642
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
679
643
|
}
|
|
680
|
-
section.awsui_mobile-
|
|
644
|
+
section.awsui_mobile-toolbar_hyvsj_nbcko_622 > .awsui_mobile-toolbar-nav_hyvsj_nbcko_643:not(#\9) {
|
|
681
645
|
grid-column: 1;
|
|
682
646
|
margin-inline-end: var(--space-m-udix3p, 16px);
|
|
683
647
|
}
|
|
684
|
-
section.awsui_mobile-
|
|
648
|
+
section.awsui_mobile-toolbar_hyvsj_nbcko_622 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_nbcko_647:not(#\9) {
|
|
685
649
|
grid-column: 2;
|
|
686
650
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
687
651
|
}
|
|
688
|
-
section.awsui_mobile-
|
|
652
|
+
section.awsui_mobile-toolbar_hyvsj_nbcko_622 > .awsui_mobile-toolbar-tools_hyvsj_nbcko_651:not(#\9) {
|
|
689
653
|
grid-column: 3;
|
|
690
654
|
margin-inline-start: var(--space-m-udix3p, 16px);
|
|
691
655
|
}
|
|
@@ -694,13 +658,13 @@ section.awsui_mobile-toolbar_hyvsj_oarcx_658 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
694
658
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
695
659
|
SPDX-License-Identifier: Apache-2.0
|
|
696
660
|
*/
|
|
697
|
-
.awsui_navigation-
|
|
661
|
+
.awsui_navigation-container_hyvsj_nbcko_660:not(#\9) {
|
|
698
662
|
display: flex;
|
|
699
663
|
grid-column: 1;
|
|
700
664
|
grid-row: 1/span 10;
|
|
701
|
-
block-size: var(--awsui-content-height-
|
|
665
|
+
block-size: var(--awsui-content-height-ud5fvm);
|
|
702
666
|
position: sticky;
|
|
703
|
-
inset-block-start: var(--awsui-offset-top-
|
|
667
|
+
inset-block-start: var(--awsui-offset-top-ud5fvm);
|
|
704
668
|
z-index: 830;
|
|
705
669
|
/*
|
|
706
670
|
The navigation and tools containers (that contain the toggle buttons)
|
|
@@ -715,7 +679,7 @@ section.awsui_mobile-toolbar_hyvsj_oarcx_658 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
715
679
|
pointer-events: none;
|
|
716
680
|
}
|
|
717
681
|
@media (max-width: 688px) {
|
|
718
|
-
.awsui_navigation-
|
|
682
|
+
.awsui_navigation-container_hyvsj_nbcko_660:not(#\9) {
|
|
719
683
|
inset-inline-start: 0;
|
|
720
684
|
position: fixed;
|
|
721
685
|
z-index: 1001;
|
|
@@ -727,12 +691,12 @@ section.awsui_mobile-toolbar_hyvsj_oarcx_658 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
727
691
|
relative to the body.
|
|
728
692
|
*/
|
|
729
693
|
}
|
|
730
|
-
.awsui_navigation-
|
|
731
|
-
inset-block-start: var(--awsui-header-height-
|
|
694
|
+
.awsui_navigation-container_hyvsj_nbcko_660.awsui_disable-body-scroll_hyvsj_nbcko_185:not(#\9) {
|
|
695
|
+
inset-block-start: var(--awsui-header-height-ud5fvm);
|
|
732
696
|
}
|
|
733
697
|
}
|
|
734
698
|
|
|
735
|
-
nav.awsui_show-
|
|
699
|
+
nav.awsui_show-navigation_hyvsj_nbcko_698:not(#\9) {
|
|
736
700
|
padding-block: var(--space-scaled-s-aqzyko, 12px);
|
|
737
701
|
padding-inline: var(--space-layout-toggle-padding-lcu6qi, 12px);
|
|
738
702
|
/*
|
|
@@ -740,7 +704,7 @@ nav.awsui_show-navigation_hyvsj_oarcx_734:not(#\9) {
|
|
|
740
704
|
take control in responsive viewports.
|
|
741
705
|
*/
|
|
742
706
|
}
|
|
743
|
-
@keyframes
|
|
707
|
+
@keyframes awsui_showButtons_hyvsj_nbcko_1 {
|
|
744
708
|
0% {
|
|
745
709
|
opacity: 0;
|
|
746
710
|
}
|
|
@@ -748,31 +712,31 @@ nav.awsui_show-navigation_hyvsj_oarcx_734:not(#\9) {
|
|
|
748
712
|
opacity: 1;
|
|
749
713
|
}
|
|
750
714
|
}
|
|
751
|
-
nav.awsui_show-
|
|
715
|
+
nav.awsui_show-navigation_hyvsj_nbcko_698.awsui_is-navigation-open_hyvsj_nbcko_610:not(#\9) {
|
|
752
716
|
display: none;
|
|
753
717
|
}
|
|
754
718
|
@media (min-width: 689px) {
|
|
755
|
-
nav.awsui_show-
|
|
719
|
+
nav.awsui_show-navigation_hyvsj_nbcko_698:not(#\9):not(.awsui_is-navigation-open_hyvsj_nbcko_610) {
|
|
756
720
|
display: block;
|
|
757
721
|
}
|
|
758
|
-
nav.awsui_show-
|
|
759
|
-
animation:
|
|
722
|
+
nav.awsui_show-navigation_hyvsj_nbcko_698:not(#\9):not(.awsui_is-navigation-open_hyvsj_nbcko_610).awsui_animating_hyvsj_nbcko_721 {
|
|
723
|
+
animation: awsui_showButtons_hyvsj_nbcko_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
760
724
|
}
|
|
761
725
|
}
|
|
762
726
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
763
|
-
nav.awsui_show-
|
|
727
|
+
nav.awsui_show-navigation_hyvsj_nbcko_698:not(#\9):not(.awsui_is-navigation-open_hyvsj_nbcko_610).awsui_animating_hyvsj_nbcko_721 {
|
|
764
728
|
animation: none;
|
|
765
729
|
transition: none;
|
|
766
730
|
}
|
|
767
731
|
}
|
|
768
732
|
@media (min-width: 689px) {
|
|
769
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
733
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_nbcko_698:not(#\9):not(.awsui_is-navigation-open_hyvsj_nbcko_610).awsui_animating_hyvsj_nbcko_721, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_nbcko_698:not(#\9):not(.awsui_is-navigation-open_hyvsj_nbcko_610).awsui_animating_hyvsj_nbcko_721 {
|
|
770
734
|
animation: none;
|
|
771
735
|
transition: none;
|
|
772
736
|
}
|
|
773
737
|
}
|
|
774
738
|
|
|
775
|
-
nav.
|
|
739
|
+
nav.awsui_navigation_hyvsj_nbcko_660:not(#\9) {
|
|
776
740
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
777
741
|
inset-block-end: 0;
|
|
778
742
|
block-size: 100%;
|
|
@@ -790,43 +754,43 @@ nav.awsui_navigation_hyvsj_oarcx_696:not(#\9) {
|
|
|
790
754
|
prevent unwanted text wrapping.
|
|
791
755
|
*/
|
|
792
756
|
}
|
|
793
|
-
@keyframes
|
|
757
|
+
@keyframes awsui_openNavigation_hyvsj_nbcko_1 {
|
|
794
758
|
from {
|
|
795
759
|
opacity: 0;
|
|
796
760
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
797
761
|
}
|
|
798
762
|
to {
|
|
799
763
|
opacity: 1;
|
|
800
|
-
inline-size: var(--awsui-navigation-width-
|
|
764
|
+
inline-size: var(--awsui-navigation-width-ud5fvm);
|
|
801
765
|
}
|
|
802
766
|
}
|
|
803
|
-
nav.
|
|
767
|
+
nav.awsui_navigation_hyvsj_nbcko_660:not(#\9):not(.awsui_is-navigation-open_hyvsj_nbcko_610) {
|
|
804
768
|
inline-size: 0;
|
|
805
769
|
display: none;
|
|
806
770
|
}
|
|
807
|
-
nav.
|
|
808
|
-
animation:
|
|
771
|
+
nav.awsui_navigation_hyvsj_nbcko_660.awsui_is-navigation-open_hyvsj_nbcko_610.awsui_animating_hyvsj_nbcko_721:not(#\9) {
|
|
772
|
+
animation: awsui_openNavigation_hyvsj_nbcko_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
809
773
|
}
|
|
810
774
|
@media (prefers-reduced-motion: reduce) {
|
|
811
|
-
nav.
|
|
775
|
+
nav.awsui_navigation_hyvsj_nbcko_660.awsui_is-navigation-open_hyvsj_nbcko_610.awsui_animating_hyvsj_nbcko_721:not(#\9) {
|
|
812
776
|
animation: none;
|
|
813
777
|
transition: none;
|
|
814
778
|
}
|
|
815
779
|
}
|
|
816
|
-
.awsui-motion-disabled nav.
|
|
780
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_nbcko_660.awsui_is-navigation-open_hyvsj_nbcko_610.awsui_animating_hyvsj_nbcko_721:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_nbcko_660.awsui_is-navigation-open_hyvsj_nbcko_610.awsui_animating_hyvsj_nbcko_721:not(#\9) {
|
|
817
781
|
animation: none;
|
|
818
782
|
transition: none;
|
|
819
783
|
}
|
|
820
|
-
nav.
|
|
821
|
-
inline-size: var(--awsui-navigation-width-
|
|
784
|
+
nav.awsui_navigation_hyvsj_nbcko_660 > .awsui_animated-content_hyvsj_nbcko_783:not(#\9) {
|
|
785
|
+
inline-size: var(--awsui-navigation-width-ud5fvm);
|
|
822
786
|
}
|
|
823
787
|
@media (max-width: 688px) {
|
|
824
|
-
nav.
|
|
825
|
-
--awsui-navigation-width-
|
|
788
|
+
nav.awsui_navigation_hyvsj_nbcko_660:not(#\9) {
|
|
789
|
+
--awsui-navigation-width-ud5fvm: 100vw;
|
|
826
790
|
}
|
|
827
791
|
}
|
|
828
792
|
|
|
829
|
-
.awsui_hide-
|
|
793
|
+
.awsui_hide-navigation_hyvsj_nbcko_792:not(#\9) {
|
|
830
794
|
position: absolute;
|
|
831
795
|
inset-inline-end: var(--space-m-udix3p, 16px);
|
|
832
796
|
inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -836,16 +800,16 @@ nav.awsui_navigation_hyvsj_oarcx_696 > .awsui_animated-content_hyvsj_oarcx_819:n
|
|
|
836
800
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
837
801
|
SPDX-License-Identifier: Apache-2.0
|
|
838
802
|
*/
|
|
839
|
-
.
|
|
803
|
+
.awsui_notifications_hyvsj_nbcko_802:not(#\9) {
|
|
840
804
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
841
805
|
grid-area: notifications;
|
|
842
806
|
z-index: 850;
|
|
843
807
|
}
|
|
844
808
|
@media (min-width: 689px) {
|
|
845
|
-
.
|
|
846
|
-
--awsui-flashbar-sticky-bottom-margin-
|
|
809
|
+
.awsui_notifications_hyvsj_nbcko_802.awsui_sticky-notifications_hyvsj_nbcko_808:not(#\9) {
|
|
810
|
+
--awsui-flashbar-sticky-bottom-margin-ud5fvm: var(--space-xxl-cu2m1r, 32px);
|
|
847
811
|
position: sticky;
|
|
848
|
-
inset-block-start: calc(var(--awsui-offset-top-
|
|
812
|
+
inset-block-start: calc(var(--awsui-offset-top-ud5fvm) + var(--space-xs-zb16t3, 8px));
|
|
849
813
|
}
|
|
850
814
|
}
|
|
851
815
|
|
|
@@ -859,13 +823,13 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
859
823
|
consume the remaining vertical space in the grid after the notifications
|
|
860
824
|
and breadcrumbs.
|
|
861
825
|
*/
|
|
862
|
-
section.awsui_split-panel-
|
|
826
|
+
section.awsui_split-panel-bottom_hyvsj_nbcko_825:not(#\9) {
|
|
863
827
|
/*
|
|
864
828
|
The align self property will position the split panel at the bottom of the grid row.
|
|
865
829
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
866
830
|
*/
|
|
867
831
|
align-self: end;
|
|
868
|
-
inset-block-end: var(--awsui-footer-height-
|
|
832
|
+
inset-block-end: var(--awsui-footer-height-ud5fvm);
|
|
869
833
|
display: none;
|
|
870
834
|
grid-column: 1/6;
|
|
871
835
|
grid-row: 10;
|
|
@@ -895,47 +859,47 @@ section.awsui_split-panel-bottom_hyvsj_oarcx_861:not(#\9) {
|
|
|
895
859
|
apply the animation to the height property.
|
|
896
860
|
*/
|
|
897
861
|
}
|
|
898
|
-
@keyframes
|
|
862
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_nbcko_1 {
|
|
899
863
|
from {
|
|
900
|
-
block-size: var(--awsui-split-panel-reported-header-size-
|
|
864
|
+
block-size: var(--awsui-split-panel-reported-header-size-ud5fvm, 0);
|
|
901
865
|
}
|
|
902
866
|
to {
|
|
903
|
-
block-size: var(--awsui-split-panel-reported-size-
|
|
867
|
+
block-size: var(--awsui-split-panel-reported-size-ud5fvm);
|
|
904
868
|
}
|
|
905
869
|
}
|
|
906
|
-
section.awsui_split-panel-
|
|
870
|
+
section.awsui_split-panel-bottom_hyvsj_nbcko_825.awsui_disable-body-scroll_hyvsj_nbcko_185:not(#\9) {
|
|
907
871
|
inset-block-end: 0;
|
|
908
872
|
}
|
|
909
|
-
section.awsui_split-panel-
|
|
873
|
+
section.awsui_split-panel-bottom_hyvsj_nbcko_825.awsui_is-navigation-open_hyvsj_nbcko_610.awsui_position-bottom_hyvsj_nbcko_872:not(#\9) {
|
|
910
874
|
grid-column-start: 2;
|
|
911
875
|
}
|
|
912
|
-
section.awsui_split-panel-
|
|
876
|
+
section.awsui_split-panel-bottom_hyvsj_nbcko_825.awsui_has-open-drawer_hyvsj_nbcko_162.awsui_position-bottom_hyvsj_nbcko_872:not(#\9) {
|
|
913
877
|
grid-column-end: 5;
|
|
914
878
|
}
|
|
915
|
-
section.awsui_split-panel-
|
|
879
|
+
section.awsui_split-panel-bottom_hyvsj_nbcko_825.awsui_position-bottom_hyvsj_nbcko_872:not(#\9) {
|
|
916
880
|
display: block;
|
|
917
881
|
}
|
|
918
|
-
section.awsui_split-panel-
|
|
882
|
+
section.awsui_split-panel-bottom_hyvsj_nbcko_825:not(#\9):not(.awsui_is-split-panel-open_hyvsj_nbcko_613).awsui_position-bottom_hyvsj_nbcko_872 {
|
|
919
883
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
920
884
|
}
|
|
921
|
-
section.awsui_split-panel-
|
|
885
|
+
section.awsui_split-panel-bottom_hyvsj_nbcko_825.awsui_is-split-panel-open_hyvsj_nbcko_613.awsui_position-bottom_hyvsj_nbcko_872:not(#\9) {
|
|
922
886
|
box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
923
887
|
}
|
|
924
|
-
section.awsui_split-panel-
|
|
925
|
-
animation:
|
|
888
|
+
section.awsui_split-panel-bottom_hyvsj_nbcko_825.awsui_is-split-panel-open_hyvsj_nbcko_613.awsui_position-bottom_hyvsj_nbcko_872.awsui_animating_hyvsj_nbcko_721:not(#\9) {
|
|
889
|
+
animation: awsui_openSplitPanelBottom_hyvsj_nbcko_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
926
890
|
}
|
|
927
891
|
@media (prefers-reduced-motion: reduce) {
|
|
928
|
-
section.awsui_split-panel-
|
|
892
|
+
section.awsui_split-panel-bottom_hyvsj_nbcko_825.awsui_is-split-panel-open_hyvsj_nbcko_613.awsui_position-bottom_hyvsj_nbcko_872.awsui_animating_hyvsj_nbcko_721:not(#\9) {
|
|
929
893
|
animation: none;
|
|
930
894
|
transition: none;
|
|
931
895
|
}
|
|
932
896
|
}
|
|
933
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
897
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_nbcko_825.awsui_is-split-panel-open_hyvsj_nbcko_613.awsui_position-bottom_hyvsj_nbcko_872.awsui_animating_hyvsj_nbcko_721:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_nbcko_825.awsui_is-split-panel-open_hyvsj_nbcko_613.awsui_position-bottom_hyvsj_nbcko_872.awsui_animating_hyvsj_nbcko_721:not(#\9) {
|
|
934
898
|
animation: none;
|
|
935
899
|
transition: none;
|
|
936
900
|
}
|
|
937
901
|
|
|
938
|
-
section.awsui_split-panel-
|
|
902
|
+
section.awsui_split-panel-side_hyvsj_nbcko_901:not(#\9) {
|
|
939
903
|
block-size: 100%;
|
|
940
904
|
overflow-x: hidden;
|
|
941
905
|
pointer-events: auto;
|
|
@@ -945,15 +909,15 @@ section.awsui_split-panel-side_hyvsj_oarcx_937:not(#\9) {
|
|
|
945
909
|
be persistent in the DOM when closed.
|
|
946
910
|
*/
|
|
947
911
|
}
|
|
948
|
-
section.awsui_split-panel-
|
|
912
|
+
section.awsui_split-panel-side_hyvsj_nbcko_901:not(#\9):not(.awsui_is-split-panel-open_hyvsj_nbcko_613), section.awsui_split-panel-side_hyvsj_nbcko_901.awsui_position-bottom_hyvsj_nbcko_872:not(#\9) {
|
|
949
913
|
inline-size: 0;
|
|
950
914
|
}
|
|
951
|
-
section.awsui_split-panel-
|
|
952
|
-
max-inline-size: var(--awsui-split-panel-max-width-
|
|
953
|
-
min-inline-size: var(--awsui-split-panel-min-width-
|
|
915
|
+
section.awsui_split-panel-side_hyvsj_nbcko_901.awsui_is-split-panel-open_hyvsj_nbcko_613.awsui_position-side_hyvsj_nbcko_914:not(#\9) {
|
|
916
|
+
max-inline-size: var(--awsui-split-panel-max-width-ud5fvm, 280px);
|
|
917
|
+
min-inline-size: var(--awsui-split-panel-min-width-ud5fvm, 280px);
|
|
954
918
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
955
919
|
}
|
|
956
|
-
section.awsui_split-panel-
|
|
920
|
+
section.awsui_split-panel-side_hyvsj_nbcko_901.awsui_is-split-panel-open_hyvsj_nbcko_613.awsui_position-side_hyvsj_nbcko_914:not(#\9):not(.awsui_has-open-drawer_hyvsj_nbcko_162) {
|
|
957
921
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-side-93n0qu, #b6bec9);
|
|
958
922
|
}
|
|
959
923
|
|
|
@@ -970,24 +934,24 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
970
934
|
property. The content gap right is computed in the Layout styles based on the
|
|
971
935
|
viewport size and state of the Tools drawer.
|
|
972
936
|
*/
|
|
973
|
-
.awsui_tools-
|
|
937
|
+
.awsui_tools-container_hyvsj_nbcko_936:not(#\9) {
|
|
974
938
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
975
|
-
--awsui-tools-max-width-
|
|
939
|
+
--awsui-tools-max-width-ud5fvm: calc(var(--awsui-layout-width-ud5fvm) - var(--awsui-main-offset-left-ud5fvm) - var(--awsui-default-min-content-width-ud5fvm) - var(--awsui-content-gap-right-ud5fvm));
|
|
976
940
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
977
941
|
display: flex;
|
|
978
942
|
grid-column: 5;
|
|
979
943
|
grid-row: 1/span 10;
|
|
980
|
-
block-size: var(--awsui-content-height-
|
|
981
|
-
max-inline-size: var(--awsui-tools-max-width-
|
|
944
|
+
block-size: var(--awsui-content-height-ud5fvm);
|
|
945
|
+
max-inline-size: var(--awsui-tools-max-width-ud5fvm);
|
|
982
946
|
position: sticky;
|
|
983
|
-
inset-block-start: var(--awsui-offset-top-
|
|
947
|
+
inset-block-start: var(--awsui-offset-top-ud5fvm);
|
|
984
948
|
z-index: 830;
|
|
985
949
|
pointer-events: none;
|
|
986
950
|
}
|
|
987
951
|
@media (max-width: 688px) {
|
|
988
|
-
.awsui_tools-
|
|
989
|
-
--awsui-tools-max-width-
|
|
990
|
-
--awsui-tools-width-
|
|
952
|
+
.awsui_tools-container_hyvsj_nbcko_936:not(#\9) {
|
|
953
|
+
--awsui-tools-max-width-ud5fvm: none;
|
|
954
|
+
--awsui-tools-width-ud5fvm: auto;
|
|
991
955
|
position: fixed;
|
|
992
956
|
inset-inline-end: 0;
|
|
993
957
|
z-index: 1001;
|
|
@@ -999,12 +963,12 @@ viewport size and state of the Tools drawer.
|
|
|
999
963
|
relative to the body.
|
|
1000
964
|
*/
|
|
1001
965
|
}
|
|
1002
|
-
.awsui_tools-
|
|
1003
|
-
inset-block-start: var(--awsui-header-height-
|
|
966
|
+
.awsui_tools-container_hyvsj_nbcko_936.awsui_disable-body-scroll_hyvsj_nbcko_185:not(#\9) {
|
|
967
|
+
inset-block-start: var(--awsui-header-height-ud5fvm);
|
|
1004
968
|
}
|
|
1005
969
|
}
|
|
1006
970
|
|
|
1007
|
-
.
|
|
971
|
+
.awsui_tools_hyvsj_nbcko_936:not(#\9) {
|
|
1008
972
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1009
973
|
flex-shrink: 0;
|
|
1010
974
|
block-size: 100%;
|
|
@@ -1027,51 +991,51 @@ viewport size and state of the Tools drawer.
|
|
|
1027
991
|
in the side position.
|
|
1028
992
|
*/
|
|
1029
993
|
}
|
|
1030
|
-
@keyframes
|
|
994
|
+
@keyframes awsui_openTools_hyvsj_nbcko_1 {
|
|
1031
995
|
from {
|
|
1032
|
-
opacity: var(--awsui-tools-animation-starting-opacity-
|
|
996
|
+
opacity: var(--awsui-tools-animation-starting-opacity-ud5fvm, 0);
|
|
1033
997
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
1034
998
|
}
|
|
1035
999
|
to {
|
|
1036
1000
|
opacity: 1;
|
|
1037
|
-
inline-size: var(--awsui-tools-width-
|
|
1001
|
+
inline-size: var(--awsui-tools-width-ud5fvm);
|
|
1038
1002
|
}
|
|
1039
1003
|
}
|
|
1040
|
-
.
|
|
1004
|
+
.awsui_tools_hyvsj_nbcko_936:not(#\9):not(.awsui_is-tools-open_hyvsj_nbcko_613) {
|
|
1041
1005
|
inline-size: 0;
|
|
1042
1006
|
display: none;
|
|
1043
1007
|
}
|
|
1044
|
-
.
|
|
1008
|
+
.awsui_tools_hyvsj_nbcko_936.awsui_is-tools-open_hyvsj_nbcko_613:not(#\9) {
|
|
1045
1009
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
1046
1010
|
}
|
|
1047
|
-
.
|
|
1048
|
-
animation:
|
|
1011
|
+
.awsui_tools_hyvsj_nbcko_936.awsui_is-tools-open_hyvsj_nbcko_613.awsui_animating_hyvsj_nbcko_721:not(#\9) {
|
|
1012
|
+
animation: awsui_openTools_hyvsj_nbcko_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1049
1013
|
}
|
|
1050
1014
|
@media (prefers-reduced-motion: reduce) {
|
|
1051
|
-
.
|
|
1015
|
+
.awsui_tools_hyvsj_nbcko_936.awsui_is-tools-open_hyvsj_nbcko_613.awsui_animating_hyvsj_nbcko_721:not(#\9) {
|
|
1052
1016
|
animation: none;
|
|
1053
1017
|
transition: none;
|
|
1054
1018
|
}
|
|
1055
1019
|
}
|
|
1056
|
-
.awsui-motion-disabled .
|
|
1020
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_nbcko_936.awsui_is-tools-open_hyvsj_nbcko_613.awsui_animating_hyvsj_nbcko_721:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_nbcko_936.awsui_is-tools-open_hyvsj_nbcko_613.awsui_animating_hyvsj_nbcko_721:not(#\9) {
|
|
1057
1021
|
animation: none;
|
|
1058
1022
|
transition: none;
|
|
1059
1023
|
}
|
|
1060
|
-
.
|
|
1061
|
-
inline-size: var(--awsui-tools-width-
|
|
1024
|
+
.awsui_tools_hyvsj_nbcko_936 > .awsui_animated-content_hyvsj_nbcko_783:not(#\9) {
|
|
1025
|
+
inline-size: var(--awsui-tools-width-ud5fvm);
|
|
1062
1026
|
}
|
|
1063
1027
|
@media (min-width: 689px) {
|
|
1064
|
-
.
|
|
1028
|
+
.awsui_tools_hyvsj_nbcko_936.awsui_is-tools-open_hyvsj_nbcko_613.awsui_has-tools-form-persistence_hyvsj_nbcko_1027:not(#\9) {
|
|
1065
1029
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
1066
1030
|
}
|
|
1067
1031
|
}
|
|
1068
1032
|
@media (max-width: 688px) {
|
|
1069
|
-
.
|
|
1070
|
-
--awsui-tools-width-
|
|
1033
|
+
.awsui_tools_hyvsj_nbcko_936:not(#\9) {
|
|
1034
|
+
--awsui-tools-width-ud5fvm: 100vw;
|
|
1071
1035
|
}
|
|
1072
1036
|
}
|
|
1073
1037
|
|
|
1074
|
-
.awsui_hide-
|
|
1038
|
+
.awsui_hide-tools_hyvsj_nbcko_1037:not(#\9) {
|
|
1075
1039
|
position: absolute;
|
|
1076
1040
|
inset-inline-end: var(--space-m-udix3p, 16px);
|
|
1077
1041
|
inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -1083,7 +1047,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1083
1047
|
the calculation used to determine the Split Panel maximum width in the
|
|
1084
1048
|
handleSplitPanelMaxWidth function in the context.
|
|
1085
1049
|
*/
|
|
1086
|
-
.awsui_show-
|
|
1050
|
+
.awsui_show-tools_hyvsj_nbcko_1049:not(#\9) {
|
|
1087
1051
|
border-collapse: separate;
|
|
1088
1052
|
border-spacing: 0;
|
|
1089
1053
|
box-sizing: border-box;
|
|
@@ -1125,7 +1089,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1125
1089
|
take control in responsive viewports.
|
|
1126
1090
|
*/
|
|
1127
1091
|
}
|
|
1128
|
-
@keyframes
|
|
1092
|
+
@keyframes awsui_showButtons_hyvsj_nbcko_1 {
|
|
1129
1093
|
0% {
|
|
1130
1094
|
opacity: 0;
|
|
1131
1095
|
}
|
|
@@ -1133,31 +1097,31 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1133
1097
|
opacity: 1;
|
|
1134
1098
|
}
|
|
1135
1099
|
}
|
|
1136
|
-
.awsui_show-
|
|
1100
|
+
.awsui_show-tools_hyvsj_nbcko_1049:not(#\9):not(.awsui_has-tools-form_hyvsj_nbcko_1027) {
|
|
1137
1101
|
display: none;
|
|
1138
1102
|
}
|
|
1139
1103
|
@media (min-width: 689px) {
|
|
1140
|
-
.awsui_show-
|
|
1104
|
+
.awsui_show-tools_hyvsj_nbcko_1049.awsui_has-tools-form_hyvsj_nbcko_1027:not(#\9) {
|
|
1141
1105
|
display: flex;
|
|
1142
1106
|
flex-direction: column;
|
|
1143
1107
|
gap: var(--space-xs-zb16t3, 8px);
|
|
1144
1108
|
}
|
|
1145
|
-
.awsui_show-
|
|
1146
|
-
animation:
|
|
1109
|
+
.awsui_show-tools_hyvsj_nbcko_1049.awsui_has-tools-form_hyvsj_nbcko_1027.awsui_animating_hyvsj_nbcko_721:not(#\9) {
|
|
1110
|
+
animation: awsui_showButtons_hyvsj_nbcko_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1147
1111
|
}
|
|
1148
1112
|
}
|
|
1149
1113
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1150
|
-
.awsui_show-
|
|
1114
|
+
.awsui_show-tools_hyvsj_nbcko_1049.awsui_has-tools-form_hyvsj_nbcko_1027.awsui_animating_hyvsj_nbcko_721:not(#\9) {
|
|
1151
1115
|
animation: none;
|
|
1152
1116
|
transition: none;
|
|
1153
1117
|
}
|
|
1154
1118
|
}
|
|
1155
1119
|
@media (min-width: 689px) {
|
|
1156
|
-
.awsui-motion-disabled .awsui_show-
|
|
1120
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_nbcko_1049.awsui_has-tools-form_hyvsj_nbcko_1027.awsui_animating_hyvsj_nbcko_721:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_nbcko_1049.awsui_has-tools-form_hyvsj_nbcko_1027.awsui_animating_hyvsj_nbcko_721:not(#\9) {
|
|
1157
1121
|
animation: none;
|
|
1158
1122
|
transition: none;
|
|
1159
1123
|
}
|
|
1160
|
-
.awsui_show-
|
|
1124
|
+
.awsui_show-tools_hyvsj_nbcko_1049.awsui_has-tools-form-persistence_hyvsj_nbcko_1027:not(#\9) {
|
|
1161
1125
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1162
1126
|
z-index: 1;
|
|
1163
1127
|
}
|
|
@@ -1167,7 +1131,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1167
1131
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1168
1132
|
SPDX-License-Identifier: Apache-2.0
|
|
1169
1133
|
*/
|
|
1170
|
-
.awsui_trigger-badge-
|
|
1134
|
+
.awsui_trigger-badge-wrapper_hyvsj_nbcko_1132:not(#\9) {
|
|
1171
1135
|
background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
|
|
1172
1136
|
border-start-start-radius: 50%;
|
|
1173
1137
|
border-start-end-radius: 50%;
|
|
@@ -1183,13 +1147,13 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1183
1147
|
align-items: center;
|
|
1184
1148
|
clip-path: path("M34.2193 10.1845C33.3961 10.579 32.4739 10.8 31.5 10.8C28.0206 10.8 25.2 7.97939 25.2 4.5C25.2 3.52614 25.421 2.6039 25.8155 1.78066C23.4518 0.639587 20.8006 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18C36 15.1994 35.3604 12.5482 34.2193 10.1845Z");
|
|
1185
1149
|
}
|
|
1186
|
-
.awsui_trigger-badge-
|
|
1150
|
+
.awsui_trigger-badge-wrapper_hyvsj_nbcko_1132:not(#\9):hover {
|
|
1187
1151
|
background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
|
|
1188
1152
|
}
|
|
1189
|
-
.awsui_trigger-badge-
|
|
1153
|
+
.awsui_trigger-badge-wrapper_hyvsj_nbcko_1132:not(#\9):active {
|
|
1190
1154
|
background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
|
|
1191
1155
|
}
|
|
1192
|
-
.awsui_trigger-badge-
|
|
1156
|
+
.awsui_trigger-badge-wrapper_hyvsj_nbcko_1132:not(#\9):dir(rtl) {
|
|
1193
1157
|
clip-path: path("M1.78066 10.1845C2.6039 10.579 3.52615 10.8 4.5 10.8C7.97939 10.8 10.8 7.97939 10.8 4.5C10.8 3.52614 10.579 2.6039 10.1845 1.78066C12.5482 0.639587 15.1994 0 18 0C27.9411 0 36 8.05887 36 18C36 27.9411 27.9411 36 18 36C8.05887 36 0 27.9411 0 18C0 15.1994 0.639587 12.5482 1.78066 10.1845Z");
|
|
1194
1158
|
}
|
|
1195
1159
|
|
|
@@ -1198,7 +1162,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1198
1162
|
the calculation used to determine the Split Panel maximum width in the
|
|
1199
1163
|
handleSplitPanelMaxWidth function in the context.
|
|
1200
1164
|
*/
|
|
1201
|
-
.
|
|
1165
|
+
.awsui_trigger_hyvsj_nbcko_1132:not(#\9) {
|
|
1202
1166
|
background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
|
|
1203
1167
|
border-start-start-radius: 50%;
|
|
1204
1168
|
border-start-end-radius: 50%;
|
|
@@ -1214,20 +1178,20 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1214
1178
|
pointer-events: auto;
|
|
1215
1179
|
position: relative;
|
|
1216
1180
|
}
|
|
1217
|
-
.
|
|
1181
|
+
.awsui_trigger_hyvsj_nbcko_1132:not(#\9):hover {
|
|
1218
1182
|
background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
|
|
1219
1183
|
}
|
|
1220
|
-
.
|
|
1184
|
+
.awsui_trigger_hyvsj_nbcko_1132:not(#\9):active {
|
|
1221
1185
|
background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
|
|
1222
1186
|
}
|
|
1223
|
-
body[data-awsui-focus-visible=true] .
|
|
1187
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_nbcko_1132:not(#\9):focus {
|
|
1224
1188
|
position: relative;
|
|
1225
1189
|
}
|
|
1226
|
-
body[data-awsui-focus-visible=true] .
|
|
1190
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_nbcko_1132:not(#\9):focus {
|
|
1227
1191
|
outline: 2px dotted transparent;
|
|
1228
1192
|
outline-offset: calc(3px - 1px);
|
|
1229
1193
|
}
|
|
1230
|
-
body[data-awsui-focus-visible=true] .
|
|
1194
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_nbcko_1132:not(#\9):focus::before {
|
|
1231
1195
|
content: " ";
|
|
1232
1196
|
display: block;
|
|
1233
1197
|
position: absolute;
|
|
@@ -1241,45 +1205,45 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_oarcx_1168:not(#\9):foc
|
|
|
1241
1205
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
1242
1206
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
1243
1207
|
}
|
|
1244
|
-
.
|
|
1208
|
+
.awsui_trigger_hyvsj_nbcko_1132:not(#\9):focus {
|
|
1245
1209
|
outline: none;
|
|
1246
1210
|
}
|
|
1247
|
-
.
|
|
1211
|
+
.awsui_trigger_hyvsj_nbcko_1132.awsui_selected_hyvsj_nbcko_1209:not(#\9) {
|
|
1248
1212
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1249
1213
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1250
1214
|
}
|
|
1251
|
-
.
|
|
1215
|
+
.awsui_trigger_hyvsj_nbcko_1132.awsui_selected_hyvsj_nbcko_1209:not(#\9):hover {
|
|
1252
1216
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1253
1217
|
}
|
|
1254
|
-
.
|
|
1218
|
+
.awsui_trigger_hyvsj_nbcko_1132.awsui_selected_hyvsj_nbcko_1209:not(#\9):active {
|
|
1255
1219
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1256
1220
|
}
|
|
1257
|
-
.
|
|
1221
|
+
.awsui_trigger_hyvsj_nbcko_1132.awsui_selected_hyvsj_nbcko_1209 > .awsui_trigger-badge-wrapper_hyvsj_nbcko_1132:not(#\9) {
|
|
1258
1222
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1259
1223
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1260
1224
|
}
|
|
1261
|
-
.
|
|
1225
|
+
.awsui_trigger_hyvsj_nbcko_1132.awsui_selected_hyvsj_nbcko_1209 > .awsui_trigger-badge-wrapper_hyvsj_nbcko_1132:not(#\9):hover {
|
|
1262
1226
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1263
1227
|
}
|
|
1264
|
-
.
|
|
1228
|
+
.awsui_trigger_hyvsj_nbcko_1132.awsui_selected_hyvsj_nbcko_1209 > .awsui_trigger-badge-wrapper_hyvsj_nbcko_1132:not(#\9):active {
|
|
1265
1229
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1266
1230
|
}
|
|
1267
|
-
.
|
|
1231
|
+
.awsui_trigger_hyvsj_nbcko_1132.awsui_badge_hyvsj_nbcko_1229:not(#\9), .awsui_trigger_hyvsj_nbcko_1132.awsui_badge_hyvsj_nbcko_1229:not(#\9):hover, .awsui_trigger_hyvsj_nbcko_1132.awsui_badge_hyvsj_nbcko_1229:not(#\9):active {
|
|
1268
1232
|
background: transparent;
|
|
1269
1233
|
}
|
|
1270
1234
|
|
|
1271
|
-
.awsui_trigger-
|
|
1235
|
+
.awsui_trigger-wrapper_hyvsj_nbcko_1233:not(#\9) {
|
|
1272
1236
|
position: relative;
|
|
1273
1237
|
border-start-start-radius: 50%;
|
|
1274
1238
|
border-start-end-radius: 50%;
|
|
1275
1239
|
border-end-start-radius: 50%;
|
|
1276
1240
|
border-end-end-radius: 50%;
|
|
1277
1241
|
}
|
|
1278
|
-
.awsui_trigger-
|
|
1242
|
+
.awsui_trigger-wrapper_hyvsj_nbcko_1233:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_nbcko_639) {
|
|
1279
1243
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1280
1244
|
}
|
|
1281
1245
|
|
|
1282
|
-
.
|
|
1246
|
+
.awsui_dot_hyvsj_nbcko_1244:not(#\9) {
|
|
1283
1247
|
position: absolute;
|
|
1284
1248
|
inline-size: 9px;
|
|
1285
1249
|
block-size: 9px;
|