@cloudscape-design/components 3.0.223 → 3.0.225
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/app-layout/content-wrapper/index.d.ts.map +1 -1
- package/app-layout/content-wrapper/index.js +2 -1
- package/app-layout/content-wrapper/index.js.map +1 -1
- package/app-layout/content-wrapper/styles.css.js +3 -3
- package/app-layout/content-wrapper/styles.scoped.css +8 -8
- package/app-layout/content-wrapper/styles.selectors.js +3 -3
- package/app-layout/index.d.ts.map +1 -1
- package/app-layout/index.js +12 -13
- package/app-layout/index.js.map +1 -1
- package/app-layout/styles.css.js +26 -26
- package/app-layout/styles.scoped.css +34 -33
- package/app-layout/styles.selectors.js +26 -26
- package/app-layout/visual-refresh/styles.css.js +61 -60
- package/app-layout/visual-refresh/styles.scoped.css +167 -148
- package/app-layout/visual-refresh/styles.selectors.js +61 -60
- package/code-editor/tab-button.d.ts.map +1 -1
- package/code-editor/tab-button.js +1 -1
- package/code-editor/tab-button.js.map +1 -1
- package/container/styles.css.js +20 -20
- package/container/styles.scoped.css +39 -38
- package/container/styles.selectors.js +20 -20
- package/content-layout/styles.css.js +7 -7
- package/content-layout/styles.scoped.css +12 -11
- package/content-layout/styles.selectors.js +7 -7
- package/internal/components/dark-ribbon/styles.css.js +2 -2
- package/internal/components/dark-ribbon/styles.scoped.css +3 -2
- package/internal/components/dark-ribbon/styles.selectors.js +2 -2
- package/internal/environment.js +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/table/styles.css.js +33 -33
- package/table/styles.scoped.css +42 -41
- package/table/styles.selectors.js +33 -33
- package/wizard/styles.css.js +32 -32
- package/wizard/styles.scoped.css +65 -63
- 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_17tiy_93:not(#\9) {
|
|
94
94
|
align-items: center;
|
|
95
95
|
box-sizing: border-box;
|
|
96
96
|
display: grid;
|
|
@@ -114,20 +114,20 @@ section.awsui_appbar_hyvsj_1kwsp_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_17tiy_93 > .awsui_appbar-nav_hyvsj_17tiy_117:not(#\9) {
|
|
118
118
|
grid-column: 1;
|
|
119
119
|
margin-right: var(--space-m-17eucw, 16px);
|
|
120
120
|
}
|
|
121
|
-
section.
|
|
121
|
+
section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_121:not(#\9) {
|
|
122
122
|
grid-column: 2;
|
|
123
123
|
background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
|
|
124
124
|
}
|
|
125
|
-
section.
|
|
125
|
+
section.awsui_appbar_hyvsj_17tiy_93 > .awsui_appbar-tools_hyvsj_17tiy_125:not(#\9) {
|
|
126
126
|
grid-column: 3;
|
|
127
127
|
margin-left: var(--space-m-17eucw, 16px);
|
|
128
128
|
}
|
|
129
129
|
@media (min-width: 689px) {
|
|
130
|
-
section.
|
|
130
|
+
section.awsui_appbar_hyvsj_17tiy_93:not(#\9) {
|
|
131
131
|
/*
|
|
132
132
|
If Breadcrumbs do not exist then the AppBar should be suppressed
|
|
133
133
|
because in large viewports the triggers are rendered
|
|
@@ -163,33 +163,33 @@ section.awsui_appbar_hyvsj_1kwsp_93 > .awsui_appbar-tools_hyvsj_1kwsp_125:not(#\
|
|
|
163
163
|
be lifted so it doesn't render behind the background element.
|
|
164
164
|
*/
|
|
165
165
|
}
|
|
166
|
-
section.
|
|
166
|
+
section.awsui_appbar_hyvsj_17tiy_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_17tiy_166) {
|
|
167
167
|
display: none;
|
|
168
168
|
}
|
|
169
|
-
section.
|
|
170
|
-
section.
|
|
169
|
+
section.awsui_appbar_hyvsj_17tiy_93 > .awsui_appbar-nav_hyvsj_17tiy_117:not(#\9),
|
|
170
|
+
section.awsui_appbar_hyvsj_17tiy_93 > .awsui_appbar-tools_hyvsj_17tiy_125:not(#\9) {
|
|
171
171
|
display: none;
|
|
172
172
|
}
|
|
173
|
-
section.
|
|
173
|
+
section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_17tiy_173) {
|
|
174
174
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
175
175
|
}
|
|
176
|
-
section.
|
|
176
|
+
section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_121.awsui_has-notifications-content_hyvsj_17tiy_173:not(#\9) {
|
|
177
177
|
padding-top: var(--space-scaled-2x-s-9svxjy, 12px);
|
|
178
178
|
}
|
|
179
|
-
section.
|
|
180
|
-
section.
|
|
179
|
+
section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_121:not(#\9):not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179),
|
|
180
|
+
section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_121:not(#\9):not(.awsui_has-header_hyvsj_17tiy_179).awsui_content-type-wizard_hyvsj_17tiy_180 {
|
|
181
181
|
padding-bottom: var(--space-m-17eucw, 16px);
|
|
182
182
|
}
|
|
183
|
-
section.
|
|
184
|
-
section.
|
|
183
|
+
section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_121.awsui_content-type-cards_hyvsj_17tiy_183:not(#\9),
|
|
184
|
+
section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_121.awsui_content-type-table_hyvsj_17tiy_184:not(#\9) {
|
|
185
185
|
padding-bottom: var(--space-xxs-ynfts5, 4px);
|
|
186
186
|
}
|
|
187
|
-
section.
|
|
187
|
+
section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_121.awsui_has-sticky-background_hyvsj_17tiy_187:not(#\9) {
|
|
188
188
|
z-index: 799;
|
|
189
189
|
}
|
|
190
190
|
}
|
|
191
191
|
@media (max-width: 688px) {
|
|
192
|
-
section.
|
|
192
|
+
section.awsui_appbar_hyvsj_17tiy_93:not(#\9) {
|
|
193
193
|
background-color: var(--color-background-home-header-mpq08f, #000716);
|
|
194
194
|
border-bottom: 1px solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
195
195
|
box-shadow: var(--shadow-panel-toggle-3fk0ch, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
@@ -205,11 +205,11 @@ section.awsui_appbar_hyvsj_1kwsp_93 > .awsui_appbar-tools_hyvsj_1kwsp_125:not(#\
|
|
|
205
205
|
they are now sticky positioned in the viewport with the AppBar.
|
|
206
206
|
*/
|
|
207
207
|
}
|
|
208
|
-
section.
|
|
209
|
-
section.
|
|
208
|
+
section.awsui_appbar_hyvsj_17tiy_93 > .awsui_appbar-nav_hyvsj_17tiy_117:not(#\9),
|
|
209
|
+
section.awsui_appbar_hyvsj_17tiy_93 > .awsui_appbar-tools_hyvsj_17tiy_125:not(#\9) {
|
|
210
210
|
display: block;
|
|
211
211
|
}
|
|
212
|
-
section.
|
|
212
|
+
section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_121:not(#\9) {
|
|
213
213
|
padding: 0;
|
|
214
214
|
}
|
|
215
215
|
}
|
|
@@ -218,13 +218,14 @@ section.awsui_appbar_hyvsj_1kwsp_93 > .awsui_appbar-tools_hyvsj_1kwsp_125:not(#\
|
|
|
218
218
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
219
219
|
SPDX-License-Identifier: Apache-2.0
|
|
220
220
|
*/
|
|
221
|
-
div.
|
|
221
|
+
div.awsui_background_hyvsj_17tiy_221:not(#\9) {
|
|
222
222
|
display: contents;
|
|
223
223
|
}
|
|
224
|
-
div.
|
|
224
|
+
div.awsui_background_hyvsj_17tiy_221 > .awsui_notifications-appbar-header_hyvsj_17tiy_224:not(#\9) {
|
|
225
225
|
background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
|
|
226
226
|
grid-column: 1/span 5;
|
|
227
227
|
grid-row: 1/span 3;
|
|
228
|
+
color: var(--color-text-body-default-ajf1h5, #000716);
|
|
228
229
|
/*
|
|
229
230
|
The cards and table content types have a sticky dark header that is
|
|
230
231
|
offset beneath the sticky notifications if they exist. If the background
|
|
@@ -233,16 +234,17 @@ div.awsui_background_hyvsj_1kwsp_221 > .awsui_notifications-appbar-header_hyvsj_
|
|
|
233
234
|
*/
|
|
234
235
|
}
|
|
235
236
|
@media (min-width: 689px) {
|
|
236
|
-
div.
|
|
237
|
+
div.awsui_background_hyvsj_17tiy_221 > .awsui_notifications-appbar-header_hyvsj_17tiy_224.awsui_has-sticky-background_hyvsj_17tiy_187.awsui_has-notifications-content_hyvsj_17tiy_173.awsui_sticky-notifications_hyvsj_17tiy_237:not(#\9) {
|
|
237
238
|
position: sticky;
|
|
238
239
|
top: var(--awsui-offset-top-lgrg0d);
|
|
239
240
|
z-index: 799;
|
|
240
241
|
}
|
|
241
242
|
}
|
|
242
|
-
div.
|
|
243
|
+
div.awsui_background_hyvsj_17tiy_221 > .awsui_overlap_hyvsj_17tiy_243:not(#\9) {
|
|
243
244
|
background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
|
|
244
245
|
grid-column: 1/span 5;
|
|
245
246
|
grid-row: 4;
|
|
247
|
+
color: var(--color-text-body-default-ajf1h5, #000716);
|
|
246
248
|
/*
|
|
247
249
|
The cards and table content types can have sticky header content that
|
|
248
250
|
will retain position on viewport scroll. The overlap background needs to
|
|
@@ -251,7 +253,7 @@ div.awsui_background_hyvsj_1kwsp_221 > .awsui_overlap_hyvsj_1kwsp_242:not(#\9) {
|
|
|
251
253
|
*/
|
|
252
254
|
}
|
|
253
255
|
@media (min-width: 689px) {
|
|
254
|
-
div.
|
|
256
|
+
div.awsui_background_hyvsj_17tiy_221 > .awsui_overlap_hyvsj_17tiy_243.awsui_has-sticky-background_hyvsj_17tiy_187:not(#\9) {
|
|
255
257
|
position: sticky;
|
|
256
258
|
top: var(--awsui-offset-top-with-notifications-lgrg0d);
|
|
257
259
|
z-index: 799;
|
|
@@ -262,13 +264,13 @@ div.awsui_background_hyvsj_1kwsp_221 > .awsui_overlap_hyvsj_1kwsp_242:not(#\9) {
|
|
|
262
264
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
263
265
|
SPDX-License-Identifier: Apache-2.0
|
|
264
266
|
*/
|
|
265
|
-
header.
|
|
267
|
+
header.awsui_content_hyvsj_17tiy_180:not(#\9) {
|
|
266
268
|
grid-column: 3;
|
|
267
269
|
grid-row: 3;
|
|
268
270
|
padding-bottom: var(--space-content-header-padding-bottom-nvqytg, 24px);
|
|
269
271
|
}
|
|
270
272
|
@media (min-width: 689px) {
|
|
271
|
-
header.
|
|
273
|
+
header.awsui_content_hyvsj_17tiy_180:not(#\9) {
|
|
272
274
|
/*
|
|
273
275
|
If Notifications exist and Breadcrumbs do not then Notifications
|
|
274
276
|
is the previous adjacent sibling to the Header. Add minimal top padding
|
|
@@ -286,25 +288,25 @@ header.awsui_content_hyvsj_1kwsp_180:not(#\9) {
|
|
|
286
288
|
circular buttons.
|
|
287
289
|
*/
|
|
288
290
|
}
|
|
289
|
-
header.
|
|
291
|
+
header.awsui_content_hyvsj_17tiy_180.awsui_has-notifications-content_hyvsj_17tiy_173:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_17tiy_166) {
|
|
290
292
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
291
293
|
}
|
|
292
|
-
header.
|
|
294
|
+
header.awsui_content_hyvsj_17tiy_180.awsui_has-breadcrumbs_hyvsj_17tiy_166:not(#\9) {
|
|
293
295
|
padding-top: var(--space-xxs-ynfts5, 4px);
|
|
294
296
|
}
|
|
295
|
-
header.
|
|
297
|
+
header.awsui_content_hyvsj_17tiy_180:not(#\9):not(.awsui_has-notifications-content_hyvsj_17tiy_173):not(.awsui_has-breadcrumbs_hyvsj_17tiy_166) {
|
|
296
298
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
297
299
|
}
|
|
298
300
|
}
|
|
299
301
|
@media (max-width: 688px) {
|
|
300
|
-
header.
|
|
302
|
+
header.awsui_content_hyvsj_17tiy_180:not(#\9) {
|
|
301
303
|
padding: var(--space-m-17eucw, 16px) 0 var(--space-content-header-padding-bottom-nvqytg, 24px);
|
|
302
304
|
/*
|
|
303
305
|
Breadcrumbs has moved to first position and sticky so Notifications
|
|
304
306
|
are now the previous adjacent sibling if they exist.
|
|
305
307
|
*/
|
|
306
308
|
}
|
|
307
|
-
header.
|
|
309
|
+
header.awsui_content_hyvsj_17tiy_180.awsui_has-notifications-content_hyvsj_17tiy_173:not(#\9) {
|
|
308
310
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
309
311
|
}
|
|
310
312
|
}
|
|
@@ -330,7 +332,7 @@ header.awsui_content_hyvsj_1kwsp_180:not(#\9) {
|
|
|
330
332
|
circumstances regardless of whether the minContentWidth property is
|
|
331
333
|
explicitly set in script.
|
|
332
334
|
*/
|
|
333
|
-
.
|
|
335
|
+
.awsui_layout_hyvsj_17tiy_335:not(#\9) {
|
|
334
336
|
--awsui-content-gap-left-lgrg0d: 0px;
|
|
335
337
|
--awsui-content-gap-right-lgrg0d: 0px;
|
|
336
338
|
--awsui-content-height-lgrg0d: calc(100vh - var(--awsui-header-height-lgrg0d) - var(--awsui-footer-height-lgrg0d));
|
|
@@ -351,6 +353,7 @@ header.awsui_content_hyvsj_1kwsp_180:not(#\9) {
|
|
|
351
353
|
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-lgrg0d) 1fr;
|
|
352
354
|
grid-template-columns: min-content minmax(var(--awsui-content-gap-left-lgrg0d), 1fr) minmax(var(--awsui-default-min-content-width-lgrg0d), var(--awsui-default-max-content-width-lgrg0d)) minmax(var(--awsui-content-gap-right-lgrg0d), 1fr) min-content;
|
|
353
355
|
position: relative;
|
|
356
|
+
color: var(--color-text-body-default-ajf1h5, #000716);
|
|
354
357
|
/*
|
|
355
358
|
Only use the max content width custom property for the middle column definition
|
|
356
359
|
if the maxContentWidth property has been explicitly set to a non-zero value and
|
|
@@ -412,75 +415,90 @@ header.awsui_content_hyvsj_1kwsp_180:not(#\9) {
|
|
|
412
415
|
*/
|
|
413
416
|
}
|
|
414
417
|
@media (min-width: 1401px) {
|
|
415
|
-
.
|
|
418
|
+
.awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_17tiy_418) {
|
|
416
419
|
--awsui-default-max-content-width-lgrg0d: 1280px;
|
|
417
420
|
}
|
|
418
421
|
}
|
|
419
422
|
@media (min-width: 1921px) {
|
|
420
|
-
.
|
|
423
|
+
.awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_17tiy_418) {
|
|
421
424
|
--awsui-default-max-content-width-lgrg0d: 1440px;
|
|
422
425
|
}
|
|
423
426
|
}
|
|
424
427
|
@media (min-width: 2541px) {
|
|
425
|
-
.
|
|
428
|
+
.awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_17tiy_418) {
|
|
426
429
|
--awsui-default-max-content-width-lgrg0d: 1620px;
|
|
427
430
|
}
|
|
428
431
|
}
|
|
429
|
-
|
|
432
|
+
@media (min-width: 1401px) {
|
|
433
|
+
.awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_17tiy_418).awsui_content-type-dashboard_hyvsj_17tiy_433 {
|
|
434
|
+
--awsui-default-max-content-width-lgrg0d: 1280px;
|
|
435
|
+
}
|
|
436
|
+
}
|
|
437
|
+
@media (min-width: 1921px) {
|
|
438
|
+
.awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_17tiy_418).awsui_content-type-dashboard_hyvsj_17tiy_433 {
|
|
439
|
+
--awsui-default-max-content-width-lgrg0d: 1620px;
|
|
440
|
+
}
|
|
441
|
+
}
|
|
442
|
+
@media (min-width: 2541px) {
|
|
443
|
+
.awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_17tiy_418).awsui_content-type-dashboard_hyvsj_17tiy_433 {
|
|
444
|
+
--awsui-default-max-content-width-lgrg0d: 2160px;
|
|
445
|
+
}
|
|
446
|
+
}
|
|
447
|
+
.awsui_layout_hyvsj_17tiy_335.awsui_has-max-content-width_hyvsj_17tiy_418:not(#\9) {
|
|
430
448
|
--awsui-default-max-content-width-lgrg0d: var(--awsui-max-content-width-lgrg0d);
|
|
431
449
|
}
|
|
432
450
|
@media (min-width: 993px) {
|
|
433
|
-
.
|
|
451
|
+
.awsui_layout_hyvsj_17tiy_335:not(#\9) {
|
|
434
452
|
--awsui-default-min-content-width-lgrg0d: var(--awsui-min-content-width-lgrg0d, 280px);
|
|
435
453
|
}
|
|
436
454
|
}
|
|
437
455
|
@media (max-width: 992px) {
|
|
438
|
-
.
|
|
456
|
+
.awsui_layout_hyvsj_17tiy_335:not(#\9) {
|
|
439
457
|
--awsui-default-min-content-width-lgrg0d: 0px;
|
|
440
458
|
}
|
|
441
459
|
}
|
|
442
|
-
.
|
|
460
|
+
.awsui_layout_hyvsj_17tiy_335.awsui_is-overlap-disabled_hyvsj_17tiy_460:not(#\9) {
|
|
443
461
|
--awsui-overlap-height-lgrg0d: 0;
|
|
444
462
|
}
|
|
445
|
-
.
|
|
463
|
+
.awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_disable-body-scroll_hyvsj_17tiy_463) {
|
|
446
464
|
--awsui-offset-top-lgrg0d: var(--awsui-header-height-lgrg0d);
|
|
447
465
|
min-height: var(--awsui-content-height-lgrg0d);
|
|
448
466
|
}
|
|
449
|
-
.
|
|
467
|
+
.awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_disable-body-scroll_hyvsj_17tiy_463):not(.awsui_has-sticky-notifications_hyvsj_17tiy_467) {
|
|
450
468
|
--awsui-offset-top-with-notifications-lgrg0d: var(--awsui-header-height-lgrg0d);
|
|
451
469
|
}
|
|
452
|
-
.
|
|
470
|
+
.awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_disable-body-scroll_hyvsj_17tiy_463).awsui_has-sticky-notifications_hyvsj_17tiy_467 {
|
|
453
471
|
--awsui-offset-top-with-notifications-lgrg0d: calc(
|
|
454
472
|
var(--awsui-header-height-lgrg0d) + var(--awsui-notifications-height-lgrg0d) + var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)
|
|
455
473
|
);
|
|
456
474
|
}
|
|
457
|
-
.
|
|
475
|
+
.awsui_layout_hyvsj_17tiy_335.awsui_disable-body-scroll_hyvsj_17tiy_463:not(#\9) {
|
|
458
476
|
--awsui-offset-top-lgrg0d: 0px;
|
|
459
477
|
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-lgrg0d) 1fr auto;
|
|
460
478
|
height: var(--awsui-content-height-lgrg0d);
|
|
461
479
|
overflow-y: scroll;
|
|
462
480
|
}
|
|
463
|
-
.
|
|
481
|
+
.awsui_layout_hyvsj_17tiy_335.awsui_disable-body-scroll_hyvsj_17tiy_463.awsui_has-split-panel_hyvsj_17tiy_481.awsui_split-panel-position-bottom_hyvsj_17tiy_481:not(#\9) {
|
|
464
482
|
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-lgrg0d) repeat(2, auto);
|
|
465
483
|
}
|
|
466
|
-
.
|
|
484
|
+
.awsui_layout_hyvsj_17tiy_335.awsui_disable-body-scroll_hyvsj_17tiy_463:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_17tiy_467) {
|
|
467
485
|
--awsui-offset-top-with-notifications-lgrg0d: 0px;
|
|
468
486
|
}
|
|
469
|
-
.
|
|
487
|
+
.awsui_layout_hyvsj_17tiy_335.awsui_disable-body-scroll_hyvsj_17tiy_463.awsui_has-sticky-notifications_hyvsj_17tiy_467:not(#\9) {
|
|
470
488
|
--awsui-offset-top-with-notifications-lgrg0d: calc(
|
|
471
489
|
var(--awsui-notifications-height-lgrg0d) + var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px)
|
|
472
490
|
);
|
|
473
491
|
}
|
|
474
492
|
@media (min-width: 689px) {
|
|
475
|
-
.
|
|
493
|
+
.awsui_layout_hyvsj_17tiy_335.awsui_has-content-gap-left_hyvsj_17tiy_493:not(#\9) {
|
|
476
494
|
--awsui-content-gap-left-lgrg0d: var(--space-scaled-2x-xxxl-lbp35j, 40px);
|
|
477
495
|
}
|
|
478
|
-
.
|
|
496
|
+
.awsui_layout_hyvsj_17tiy_335.awsui_has-content-gap-right_hyvsj_17tiy_496:not(#\9) {
|
|
479
497
|
--awsui-content-gap-right-lgrg0d: var(--space-scaled-2x-xxxl-lbp35j, 40px);
|
|
480
498
|
}
|
|
481
499
|
}
|
|
482
500
|
@media (max-width: 688px) {
|
|
483
|
-
.
|
|
501
|
+
.awsui_layout_hyvsj_17tiy_335:not(#\9) {
|
|
484
502
|
--awsui-content-gap-left-lgrg0d: var(--space-l-4vl6xu, 20px);
|
|
485
503
|
--awsui-content-gap-right-lgrg0d: var(--space-l-4vl6xu, 20px);
|
|
486
504
|
}
|
|
@@ -490,7 +508,7 @@ header.awsui_content_hyvsj_1kwsp_180:not(#\9) {
|
|
|
490
508
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
491
509
|
when the navigation or tools drawers are open in responsive viewports.
|
|
492
510
|
*/
|
|
493
|
-
.awsui_block-body-
|
|
511
|
+
.awsui_block-body-scroll_hyvsj_17tiy_511:not(#\9) {
|
|
494
512
|
overflow: hidden;
|
|
495
513
|
}
|
|
496
514
|
|
|
@@ -498,7 +516,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
498
516
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
499
517
|
SPDX-License-Identifier: Apache-2.0
|
|
500
518
|
*/
|
|
501
|
-
.
|
|
519
|
+
.awsui_container_hyvsj_17tiy_519:not(#\9) {
|
|
502
520
|
grid-column: 3;
|
|
503
521
|
grid-row: 4/span 2;
|
|
504
522
|
padding-bottom: var(--space-layout-content-bottom-kg9l42, 40px);
|
|
@@ -521,23 +539,23 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
521
539
|
under various circumstances.
|
|
522
540
|
*/
|
|
523
541
|
}
|
|
524
|
-
.
|
|
542
|
+
.awsui_container_hyvsj_17tiy_519.awsui_has-split-panel_hyvsj_17tiy_481.awsui_split-panel-position-bottom_hyvsj_17tiy_481:not(#\9) {
|
|
525
543
|
padding-bottom: calc(var(--awsui-split-panel-height-lgrg0d) + var(--space-layout-content-bottom-kg9l42, 40px));
|
|
526
544
|
}
|
|
527
|
-
.
|
|
545
|
+
.awsui_container_hyvsj_17tiy_519.awsui_disable-content-paddings_hyvsj_17tiy_545:not(#\9) {
|
|
528
546
|
grid-column: 1/6;
|
|
529
547
|
padding: 0;
|
|
530
548
|
}
|
|
531
549
|
@media (min-width: 689px) {
|
|
532
|
-
.
|
|
550
|
+
.awsui_container_hyvsj_17tiy_519.awsui_disable-content-paddings_hyvsj_17tiy_545.awsui_is-navigation-open_hyvsj_17tiy_550:not(#\9) {
|
|
533
551
|
grid-column-start: 2;
|
|
534
552
|
}
|
|
535
|
-
.
|
|
553
|
+
.awsui_container_hyvsj_17tiy_519.awsui_disable-content-paddings_hyvsj_17tiy_545.awsui_is-tools-open_hyvsj_17tiy_553:not(#\9), .awsui_container_hyvsj_17tiy_519.awsui_disable-content-paddings_hyvsj_17tiy_545.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_split-panel-position-side_hyvsj_17tiy_553:not(#\9) {
|
|
536
554
|
grid-column-end: 5;
|
|
537
555
|
}
|
|
538
556
|
}
|
|
539
557
|
@media (min-width: 689px) {
|
|
540
|
-
.
|
|
558
|
+
.awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545) {
|
|
541
559
|
/*
|
|
542
560
|
Notifications is the previous adjacent sibling to the Main in
|
|
543
561
|
desktop viewports if there are no Breadcrumbs or Header. Use additional
|
|
@@ -552,18 +570,18 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
552
570
|
sibling to the Main which requires no top padding.
|
|
553
571
|
*/
|
|
554
572
|
}
|
|
555
|
-
.
|
|
573
|
+
.awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_content-type-default_hyvsj_17tiy_573.awsui_has-notifications-content_hyvsj_17tiy_173:not(.awsui_has-breadcrumbs_hyvsj_17tiy_166):not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179), .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_content-type-form_hyvsj_17tiy_573.awsui_has-notifications-content_hyvsj_17tiy_173:not(.awsui_has-breadcrumbs_hyvsj_17tiy_166):not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179) {
|
|
556
574
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
557
575
|
}
|
|
558
|
-
.
|
|
576
|
+
.awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_content-type-default_hyvsj_17tiy_573:not(.awsui_has-notifications-content_hyvsj_17tiy_173):not(.awsui_has-breadcrumbs_hyvsj_17tiy_166):not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179), .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_content-type-form_hyvsj_17tiy_573:not(.awsui_has-notifications-content_hyvsj_17tiy_173):not(.awsui_has-breadcrumbs_hyvsj_17tiy_166):not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179) {
|
|
559
577
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
560
578
|
}
|
|
561
|
-
.
|
|
579
|
+
.awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_has-header_hyvsj_17tiy_179, .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_has-dynamic-overlap-height_hyvsj_17tiy_179 {
|
|
562
580
|
padding-top: 0;
|
|
563
581
|
}
|
|
564
582
|
}
|
|
565
583
|
@media (max-width: 688px) {
|
|
566
|
-
.
|
|
584
|
+
.awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545) {
|
|
567
585
|
/*
|
|
568
586
|
If the Notifications exist but the Header does not then the
|
|
569
587
|
Notifications is the previous adjacent sibling to the Main
|
|
@@ -578,23 +596,23 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
578
596
|
sibling to the Main which requires no top padding.
|
|
579
597
|
*/
|
|
580
598
|
}
|
|
581
|
-
.
|
|
599
|
+
.awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_content-type-default_hyvsj_17tiy_573.awsui_has-notifications-content_hyvsj_17tiy_173:not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179), .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_content-type-form_hyvsj_17tiy_573.awsui_has-notifications-content_hyvsj_17tiy_173:not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179) {
|
|
582
600
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
583
601
|
}
|
|
584
|
-
.
|
|
602
|
+
.awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_content-type-default_hyvsj_17tiy_573:not(.awsui_has-notifications-content_hyvsj_17tiy_173):not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179), .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_content-type-form_hyvsj_17tiy_573:not(.awsui_has-notifications-content_hyvsj_17tiy_173):not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179) {
|
|
585
603
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
586
604
|
}
|
|
587
|
-
.
|
|
605
|
+
.awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_has-header_hyvsj_17tiy_179, .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_has-dynamic-overlap-height_hyvsj_17tiy_179 {
|
|
588
606
|
padding-top: 0;
|
|
589
607
|
}
|
|
590
608
|
}
|
|
591
|
-
.
|
|
609
|
+
.awsui_container_hyvsj_17tiy_519.awsui_content-type-cards_hyvsj_17tiy_183:not(#\9), .awsui_container_hyvsj_17tiy_519.awsui_content-type-table_hyvsj_17tiy_184:not(#\9), .awsui_container_hyvsj_17tiy_519.awsui_content-type-wizard_hyvsj_17tiy_180:not(#\9) {
|
|
592
610
|
padding-top: 0;
|
|
593
611
|
}
|
|
594
612
|
|
|
595
613
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
596
|
-
.
|
|
597
|
-
.
|
|
614
|
+
.awsui_unfocusable_hyvsj_17tiy_614:not(#\9),
|
|
615
|
+
.awsui_unfocusable_hyvsj_17tiy_614 *:not(#\9) {
|
|
598
616
|
visibility: hidden !important;
|
|
599
617
|
}
|
|
600
618
|
|
|
@@ -603,7 +621,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
603
621
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
604
622
|
SPDX-License-Identifier: Apache-2.0
|
|
605
623
|
*/
|
|
606
|
-
.awsui_navigation-
|
|
624
|
+
.awsui_navigation-container_hyvsj_17tiy_624:not(#\9) {
|
|
607
625
|
--awsui-navigation-width-lgrg0d: 280px;
|
|
608
626
|
display: flex;
|
|
609
627
|
grid-column: 1;
|
|
@@ -625,12 +643,12 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
625
643
|
pointer-events: none;
|
|
626
644
|
}
|
|
627
645
|
@media (min-width: 2541px) {
|
|
628
|
-
.awsui_navigation-
|
|
646
|
+
.awsui_navigation-container_hyvsj_17tiy_624:not(#\9) {
|
|
629
647
|
--awsui-navigation-width-lgrg0d: 320px;
|
|
630
648
|
}
|
|
631
649
|
}
|
|
632
650
|
@media (max-width: 688px) {
|
|
633
|
-
.awsui_navigation-
|
|
651
|
+
.awsui_navigation-container_hyvsj_17tiy_624:not(#\9) {
|
|
634
652
|
left: 0;
|
|
635
653
|
position: fixed;
|
|
636
654
|
top: var(--awsui-offset-top-lgrg0d);
|
|
@@ -638,14 +656,14 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
638
656
|
}
|
|
639
657
|
}
|
|
640
658
|
|
|
641
|
-
nav.awsui_show-
|
|
659
|
+
nav.awsui_show-navigation_hyvsj_17tiy_659:not(#\9) {
|
|
642
660
|
padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
|
|
643
661
|
/*
|
|
644
662
|
Apply the animation only in desktop viewports because the AppBar will
|
|
645
663
|
take control in responsive viewports.
|
|
646
664
|
*/
|
|
647
665
|
}
|
|
648
|
-
@keyframes
|
|
666
|
+
@keyframes awsui_showButtons_hyvsj_17tiy_1 {
|
|
649
667
|
0% {
|
|
650
668
|
opacity: 0;
|
|
651
669
|
}
|
|
@@ -653,31 +671,31 @@ nav.awsui_show-navigation_hyvsj_1kwsp_641:not(#\9) {
|
|
|
653
671
|
opacity: 1;
|
|
654
672
|
}
|
|
655
673
|
}
|
|
656
|
-
nav.awsui_show-
|
|
674
|
+
nav.awsui_show-navigation_hyvsj_17tiy_659.awsui_is-navigation-open_hyvsj_17tiy_550:not(#\9) {
|
|
657
675
|
display: none;
|
|
658
676
|
}
|
|
659
677
|
@media (min-width: 689px) {
|
|
660
|
-
nav.awsui_show-
|
|
678
|
+
nav.awsui_show-navigation_hyvsj_17tiy_659:not(#\9):not(.awsui_is-navigation-open_hyvsj_17tiy_550) {
|
|
661
679
|
display: block;
|
|
662
680
|
}
|
|
663
|
-
nav.awsui_show-
|
|
664
|
-
animation:
|
|
681
|
+
nav.awsui_show-navigation_hyvsj_17tiy_659:not(#\9):not(.awsui_is-navigation-open_hyvsj_17tiy_550).awsui_animating_hyvsj_17tiy_681 {
|
|
682
|
+
animation: awsui_showButtons_hyvsj_17tiy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
665
683
|
}
|
|
666
684
|
}
|
|
667
685
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
668
|
-
nav.awsui_show-
|
|
686
|
+
nav.awsui_show-navigation_hyvsj_17tiy_659:not(#\9):not(.awsui_is-navigation-open_hyvsj_17tiy_550).awsui_animating_hyvsj_17tiy_681 {
|
|
669
687
|
animation: none;
|
|
670
688
|
transition: none;
|
|
671
689
|
}
|
|
672
690
|
}
|
|
673
691
|
@media (min-width: 689px) {
|
|
674
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
692
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_17tiy_659:not(#\9):not(.awsui_is-navigation-open_hyvsj_17tiy_550).awsui_animating_hyvsj_17tiy_681, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_17tiy_659:not(#\9):not(.awsui_is-navigation-open_hyvsj_17tiy_550).awsui_animating_hyvsj_17tiy_681 {
|
|
675
693
|
animation: none;
|
|
676
694
|
transition: none;
|
|
677
695
|
}
|
|
678
696
|
}
|
|
679
697
|
|
|
680
|
-
nav.
|
|
698
|
+
nav.awsui_navigation_hyvsj_17tiy_624:not(#\9) {
|
|
681
699
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
682
700
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
683
701
|
bottom: 0;
|
|
@@ -694,7 +712,7 @@ nav.awsui_navigation_hyvsj_1kwsp_606:not(#\9) {
|
|
|
694
712
|
prevent unwanted text wrapping.
|
|
695
713
|
*/
|
|
696
714
|
}
|
|
697
|
-
@keyframes
|
|
715
|
+
@keyframes awsui_openNavigation_hyvsj_17tiy_1 {
|
|
698
716
|
from {
|
|
699
717
|
opacity: 0;
|
|
700
718
|
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
@@ -704,33 +722,33 @@ nav.awsui_navigation_hyvsj_1kwsp_606:not(#\9) {
|
|
|
704
722
|
width: var(--awsui-navigation-width-lgrg0d);
|
|
705
723
|
}
|
|
706
724
|
}
|
|
707
|
-
nav.
|
|
725
|
+
nav.awsui_navigation_hyvsj_17tiy_624:not(#\9):not(.awsui_is-navigation-open_hyvsj_17tiy_550) {
|
|
708
726
|
width: 0;
|
|
709
727
|
display: none;
|
|
710
728
|
}
|
|
711
|
-
nav.
|
|
712
|
-
animation:
|
|
729
|
+
nav.awsui_navigation_hyvsj_17tiy_624.awsui_is-navigation-open_hyvsj_17tiy_550.awsui_animating_hyvsj_17tiy_681:not(#\9) {
|
|
730
|
+
animation: awsui_openNavigation_hyvsj_17tiy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
713
731
|
}
|
|
714
732
|
@media (prefers-reduced-motion: reduce) {
|
|
715
|
-
nav.
|
|
733
|
+
nav.awsui_navigation_hyvsj_17tiy_624.awsui_is-navigation-open_hyvsj_17tiy_550.awsui_animating_hyvsj_17tiy_681:not(#\9) {
|
|
716
734
|
animation: none;
|
|
717
735
|
transition: none;
|
|
718
736
|
}
|
|
719
737
|
}
|
|
720
|
-
.awsui-motion-disabled nav.
|
|
738
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_17tiy_624.awsui_is-navigation-open_hyvsj_17tiy_550.awsui_animating_hyvsj_17tiy_681:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_17tiy_624.awsui_is-navigation-open_hyvsj_17tiy_550.awsui_animating_hyvsj_17tiy_681:not(#\9) {
|
|
721
739
|
animation: none;
|
|
722
740
|
transition: none;
|
|
723
741
|
}
|
|
724
|
-
nav.
|
|
742
|
+
nav.awsui_navigation_hyvsj_17tiy_624 > .awsui_animated-content_hyvsj_17tiy_742:not(#\9) {
|
|
725
743
|
width: var(--awsui-navigation-width-lgrg0d);
|
|
726
744
|
}
|
|
727
745
|
@media (max-width: 688px) {
|
|
728
|
-
nav.
|
|
746
|
+
nav.awsui_navigation_hyvsj_17tiy_624:not(#\9) {
|
|
729
747
|
--awsui-navigation-width-lgrg0d: 100vw;
|
|
730
748
|
}
|
|
731
749
|
}
|
|
732
750
|
|
|
733
|
-
.awsui_hide-
|
|
751
|
+
.awsui_hide-navigation_hyvsj_17tiy_751:not(#\9) {
|
|
734
752
|
position: absolute;
|
|
735
753
|
right: var(--space-m-17eucw, 16px);
|
|
736
754
|
top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
|
|
@@ -740,10 +758,11 @@ nav.awsui_navigation_hyvsj_1kwsp_606 > .awsui_animated-content_hyvsj_1kwsp_724:n
|
|
|
740
758
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
741
759
|
SPDX-License-Identifier: Apache-2.0
|
|
742
760
|
*/
|
|
743
|
-
.
|
|
761
|
+
.awsui_notifications_hyvsj_17tiy_224:not(#\9) {
|
|
744
762
|
grid-column: 3;
|
|
745
763
|
grid-row: 1;
|
|
746
764
|
z-index: 850;
|
|
765
|
+
color: var(--color-text-body-default-ajf1h5, #000716);
|
|
747
766
|
/*
|
|
748
767
|
In desktop viewports the notifications will always be the first
|
|
749
768
|
slot rendered in the center column. The padding should create
|
|
@@ -757,31 +776,31 @@ nav.awsui_navigation_hyvsj_1kwsp_606 > .awsui_animated-content_hyvsj_1kwsp_724:n
|
|
|
757
776
|
*/
|
|
758
777
|
}
|
|
759
778
|
@media (min-width: 689px) {
|
|
760
|
-
.
|
|
779
|
+
.awsui_notifications_hyvsj_17tiy_224:not(#\9) {
|
|
761
780
|
margin: var(--space-xs-rsr2qu, 8px) 0;
|
|
762
781
|
/*
|
|
763
782
|
var(--space-xs-rsr2qu, 8px) token needs to align with the $offsetTopWithNotifications
|
|
764
783
|
calculation in the layout CSS.
|
|
765
784
|
*/
|
|
766
785
|
}
|
|
767
|
-
.
|
|
786
|
+
.awsui_notifications_hyvsj_17tiy_224.awsui_sticky-notifications_hyvsj_17tiy_237:not(#\9) {
|
|
768
787
|
position: sticky;
|
|
769
788
|
top: calc(var(--awsui-offset-top-lgrg0d) + var(--space-xs-rsr2qu, 8px));
|
|
770
789
|
--awsui-flashbar-sticky-bottom-margin-lgrg0d: var(--space-xxl-2nvmf1, 32px);
|
|
771
790
|
}
|
|
772
|
-
.
|
|
791
|
+
.awsui_notifications_hyvsj_17tiy_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_17tiy_173) {
|
|
773
792
|
margin: 0;
|
|
774
793
|
}
|
|
775
794
|
}
|
|
776
795
|
@media (max-width: 688px) {
|
|
777
|
-
.
|
|
796
|
+
.awsui_notifications_hyvsj_17tiy_224:not(#\9) {
|
|
778
797
|
grid-row: 2;
|
|
779
798
|
margin: var(--space-scaled-s-cu1hzn, 12px) 0;
|
|
780
799
|
}
|
|
781
|
-
.
|
|
800
|
+
.awsui_notifications_hyvsj_17tiy_224.awsui_sticky-notifications_hyvsj_17tiy_237:not(#\9) {
|
|
782
801
|
position: static;
|
|
783
802
|
}
|
|
784
|
-
.
|
|
803
|
+
.awsui_notifications_hyvsj_17tiy_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_17tiy_173) {
|
|
785
804
|
margin: 0;
|
|
786
805
|
}
|
|
787
806
|
}
|
|
@@ -796,7 +815,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
796
815
|
consume the remaining vertical space in the grid after the notifications
|
|
797
816
|
and breadcrumbs.
|
|
798
817
|
*/
|
|
799
|
-
section.awsui_split-panel-
|
|
818
|
+
section.awsui_split-panel-bottom_hyvsj_17tiy_818:not(#\9) {
|
|
800
819
|
/*
|
|
801
820
|
The align self property will position the split panel at the bottom of the grid row.
|
|
802
821
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -831,7 +850,7 @@ section.awsui_split-panel-bottom_hyvsj_1kwsp_799:not(#\9) {
|
|
|
831
850
|
apply the animation to the height property.
|
|
832
851
|
*/
|
|
833
852
|
}
|
|
834
|
-
@keyframes
|
|
853
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_17tiy_1 {
|
|
835
854
|
from {
|
|
836
855
|
height: var(--awsui-split-panel-reported-header-size-lgrg0d, 0);
|
|
837
856
|
}
|
|
@@ -839,39 +858,39 @@ section.awsui_split-panel-bottom_hyvsj_1kwsp_799:not(#\9) {
|
|
|
839
858
|
height: var(--awsui-split-panel-reported-size-lgrg0d);
|
|
840
859
|
}
|
|
841
860
|
}
|
|
842
|
-
section.awsui_split-panel-
|
|
861
|
+
section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_disable-body-scroll_hyvsj_17tiy_463:not(#\9) {
|
|
843
862
|
bottom: 0;
|
|
844
863
|
}
|
|
845
|
-
section.awsui_split-panel-
|
|
864
|
+
section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_is-navigation-open_hyvsj_17tiy_550.awsui_position-bottom_hyvsj_17tiy_864:not(#\9) {
|
|
846
865
|
grid-column-start: 2;
|
|
847
866
|
}
|
|
848
|
-
section.awsui_split-panel-
|
|
867
|
+
section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_is-tools-open_hyvsj_17tiy_553.awsui_position-bottom_hyvsj_17tiy_864:not(#\9) {
|
|
849
868
|
grid-column-end: 5;
|
|
850
869
|
}
|
|
851
|
-
section.awsui_split-panel-
|
|
870
|
+
section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_position-bottom_hyvsj_17tiy_864:not(#\9) {
|
|
852
871
|
display: block;
|
|
853
872
|
}
|
|
854
|
-
section.awsui_split-panel-
|
|
873
|
+
section.awsui_split-panel-bottom_hyvsj_17tiy_818:not(#\9):not(.awsui_is-split-panel-open_hyvsj_17tiy_553).awsui_position-bottom_hyvsj_17tiy_864 {
|
|
855
874
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
856
875
|
}
|
|
857
|
-
section.awsui_split-panel-
|
|
876
|
+
section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-bottom_hyvsj_17tiy_864:not(#\9) {
|
|
858
877
|
box-shadow: var(--shadow-split-bottom-otfetg, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
859
878
|
}
|
|
860
|
-
section.awsui_split-panel-
|
|
861
|
-
animation:
|
|
879
|
+
section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-bottom_hyvsj_17tiy_864.awsui_animating_hyvsj_17tiy_681:not(#\9) {
|
|
880
|
+
animation: awsui_openSplitPanelBottom_hyvsj_17tiy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
862
881
|
}
|
|
863
882
|
@media (prefers-reduced-motion: reduce) {
|
|
864
|
-
section.awsui_split-panel-
|
|
883
|
+
section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-bottom_hyvsj_17tiy_864.awsui_animating_hyvsj_17tiy_681:not(#\9) {
|
|
865
884
|
animation: none;
|
|
866
885
|
transition: none;
|
|
867
886
|
}
|
|
868
887
|
}
|
|
869
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
888
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-bottom_hyvsj_17tiy_864.awsui_animating_hyvsj_17tiy_681:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-bottom_hyvsj_17tiy_864.awsui_animating_hyvsj_17tiy_681:not(#\9) {
|
|
870
889
|
animation: none;
|
|
871
890
|
transition: none;
|
|
872
891
|
}
|
|
873
892
|
|
|
874
|
-
section.awsui_split-panel-
|
|
893
|
+
section.awsui_split-panel-side_hyvsj_17tiy_893:not(#\9) {
|
|
875
894
|
height: 100%;
|
|
876
895
|
overflow-x: hidden;
|
|
877
896
|
pointer-events: auto;
|
|
@@ -886,7 +905,7 @@ section.awsui_split-panel-side_hyvsj_1kwsp_874:not(#\9) {
|
|
|
886
905
|
prevent unwanted text wrapping.
|
|
887
906
|
*/
|
|
888
907
|
}
|
|
889
|
-
@keyframes
|
|
908
|
+
@keyframes awsui_openSplitPanelSide_hyvsj_17tiy_1 {
|
|
890
909
|
from {
|
|
891
910
|
opacity: 0;
|
|
892
911
|
width: var(--awsui-split-panel-min-width-lgrg0d, 280px);
|
|
@@ -896,28 +915,28 @@ section.awsui_split-panel-side_hyvsj_1kwsp_874:not(#\9) {
|
|
|
896
915
|
width: var(--awsui-split-panel-reported-size-lgrg0d);
|
|
897
916
|
}
|
|
898
917
|
}
|
|
899
|
-
section.awsui_split-panel-
|
|
918
|
+
section.awsui_split-panel-side_hyvsj_17tiy_893:not(#\9):not(.awsui_is-split-panel-open_hyvsj_17tiy_553), section.awsui_split-panel-side_hyvsj_17tiy_893.awsui_position-bottom_hyvsj_17tiy_864:not(#\9) {
|
|
900
919
|
width: 0;
|
|
901
920
|
}
|
|
902
|
-
section.awsui_split-panel-
|
|
921
|
+
section.awsui_split-panel-side_hyvsj_17tiy_893.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-side_hyvsj_17tiy_921:not(#\9) {
|
|
903
922
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
904
923
|
max-width: var(--awsui-split-panel-max-width-lgrg0d, 280px);
|
|
905
924
|
min-width: var(--awsui-split-panel-min-width-lgrg0d, 280px);
|
|
906
925
|
}
|
|
907
|
-
section.awsui_split-panel-
|
|
908
|
-
animation:
|
|
926
|
+
section.awsui_split-panel-side_hyvsj_17tiy_893.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-side_hyvsj_17tiy_921.awsui_animating_hyvsj_17tiy_681:not(#\9) {
|
|
927
|
+
animation: awsui_openSplitPanelSide_hyvsj_17tiy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
909
928
|
}
|
|
910
929
|
@media (prefers-reduced-motion: reduce) {
|
|
911
|
-
section.awsui_split-panel-
|
|
930
|
+
section.awsui_split-panel-side_hyvsj_17tiy_893.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-side_hyvsj_17tiy_921.awsui_animating_hyvsj_17tiy_681:not(#\9) {
|
|
912
931
|
animation: none;
|
|
913
932
|
transition: none;
|
|
914
933
|
}
|
|
915
934
|
}
|
|
916
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
935
|
+
.awsui-motion-disabled section.awsui_split-panel-side_hyvsj_17tiy_893.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-side_hyvsj_17tiy_921.awsui_animating_hyvsj_17tiy_681:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_17tiy_893.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-side_hyvsj_17tiy_921.awsui_animating_hyvsj_17tiy_681:not(#\9) {
|
|
917
936
|
animation: none;
|
|
918
937
|
transition: none;
|
|
919
938
|
}
|
|
920
|
-
section.awsui_split-panel-
|
|
939
|
+
section.awsui_split-panel-side_hyvsj_17tiy_893 > .awsui_animated-content_hyvsj_17tiy_742:not(#\9) {
|
|
921
940
|
height: 100%;
|
|
922
941
|
max-width: inherit;
|
|
923
942
|
width: var(--awsui-split-panel-reported-size-lgrg0d);
|
|
@@ -936,7 +955,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
936
955
|
property. The content gap right is computed in the Layout styles based on the
|
|
937
956
|
viewport size and state of the Tools drawer.
|
|
938
957
|
*/
|
|
939
|
-
.awsui_tools-
|
|
958
|
+
.awsui_tools-container_hyvsj_17tiy_958:not(#\9) {
|
|
940
959
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
941
960
|
--awsui-tools-max-width-lgrg0d: calc(var(--awsui-layout-width-lgrg0d) - var(--awsui-main-offset-left-lgrg0d) - var(--awsui-default-min-content-width-lgrg0d) - var(--awsui-content-gap-right-lgrg0d));
|
|
942
961
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
@@ -952,12 +971,12 @@ viewport size and state of the Tools drawer.
|
|
|
952
971
|
pointer-events: none;
|
|
953
972
|
}
|
|
954
973
|
@media (min-width: 2541px) {
|
|
955
|
-
.awsui_tools-
|
|
974
|
+
.awsui_tools-container_hyvsj_17tiy_958:not(#\9) {
|
|
956
975
|
--awsui-tools-width-lgrg0d: 360px;
|
|
957
976
|
}
|
|
958
977
|
}
|
|
959
978
|
@media (max-width: 688px) {
|
|
960
|
-
.awsui_tools-
|
|
979
|
+
.awsui_tools-container_hyvsj_17tiy_958:not(#\9) {
|
|
961
980
|
--awsui-tools-max-width-lgrg0d: none;
|
|
962
981
|
--awsui-tools-width-lgrg0d: auto;
|
|
963
982
|
position: fixed;
|
|
@@ -967,7 +986,7 @@ viewport size and state of the Tools drawer.
|
|
|
967
986
|
}
|
|
968
987
|
}
|
|
969
988
|
|
|
970
|
-
.
|
|
989
|
+
.awsui_tools_hyvsj_17tiy_958:not(#\9) {
|
|
971
990
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
972
991
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
973
992
|
flex-shrink: 0;
|
|
@@ -990,7 +1009,7 @@ viewport size and state of the Tools drawer.
|
|
|
990
1009
|
in the side position.
|
|
991
1010
|
*/
|
|
992
1011
|
}
|
|
993
|
-
@keyframes
|
|
1012
|
+
@keyframes awsui_openTools_hyvsj_17tiy_1 {
|
|
994
1013
|
from {
|
|
995
1014
|
opacity: var(--awsui-tools-animation-starting-opacity-lgrg0d, 0);
|
|
996
1015
|
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
@@ -1000,38 +1019,38 @@ viewport size and state of the Tools drawer.
|
|
|
1000
1019
|
width: var(--awsui-tools-width-lgrg0d);
|
|
1001
1020
|
}
|
|
1002
1021
|
}
|
|
1003
|
-
.
|
|
1022
|
+
.awsui_tools_hyvsj_17tiy_958:not(#\9):not(.awsui_is-tools-open_hyvsj_17tiy_553) {
|
|
1004
1023
|
width: 0;
|
|
1005
1024
|
display: none;
|
|
1006
1025
|
}
|
|
1007
|
-
.
|
|
1008
|
-
animation:
|
|
1026
|
+
.awsui_tools_hyvsj_17tiy_958.awsui_is-tools-open_hyvsj_17tiy_553.awsui_animating_hyvsj_17tiy_681:not(#\9) {
|
|
1027
|
+
animation: awsui_openTools_hyvsj_17tiy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1009
1028
|
}
|
|
1010
1029
|
@media (prefers-reduced-motion: reduce) {
|
|
1011
|
-
.
|
|
1030
|
+
.awsui_tools_hyvsj_17tiy_958.awsui_is-tools-open_hyvsj_17tiy_553.awsui_animating_hyvsj_17tiy_681:not(#\9) {
|
|
1012
1031
|
animation: none;
|
|
1013
1032
|
transition: none;
|
|
1014
1033
|
}
|
|
1015
1034
|
}
|
|
1016
|
-
.awsui-motion-disabled .
|
|
1035
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_17tiy_958.awsui_is-tools-open_hyvsj_17tiy_553.awsui_animating_hyvsj_17tiy_681:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_17tiy_958.awsui_is-tools-open_hyvsj_17tiy_553.awsui_animating_hyvsj_17tiy_681:not(#\9) {
|
|
1017
1036
|
animation: none;
|
|
1018
1037
|
transition: none;
|
|
1019
1038
|
}
|
|
1020
|
-
.
|
|
1039
|
+
.awsui_tools_hyvsj_17tiy_958 > .awsui_animated-content_hyvsj_17tiy_742:not(#\9) {
|
|
1021
1040
|
width: var(--awsui-tools-width-lgrg0d);
|
|
1022
1041
|
}
|
|
1023
1042
|
@media (min-width: 689px) {
|
|
1024
|
-
.
|
|
1043
|
+
.awsui_tools_hyvsj_17tiy_958.awsui_is-tools-open_hyvsj_17tiy_553.awsui_has-tools-form-persistence_hyvsj_17tiy_1043:not(#\9) {
|
|
1025
1044
|
border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
1026
1045
|
}
|
|
1027
1046
|
}
|
|
1028
1047
|
@media (max-width: 688px) {
|
|
1029
|
-
.
|
|
1048
|
+
.awsui_tools_hyvsj_17tiy_958:not(#\9) {
|
|
1030
1049
|
--awsui-tools-width-lgrg0d: 100vw;
|
|
1031
1050
|
}
|
|
1032
1051
|
}
|
|
1033
1052
|
|
|
1034
|
-
.awsui_hide-
|
|
1053
|
+
.awsui_hide-tools_hyvsj_17tiy_1053:not(#\9) {
|
|
1035
1054
|
position: absolute;
|
|
1036
1055
|
right: var(--space-m-17eucw, 16px);
|
|
1037
1056
|
top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
|
|
@@ -1043,7 +1062,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1043
1062
|
the calculation used to determine the Split Panel maximum width in the
|
|
1044
1063
|
handleSplitPanelMaxWidth function in the context.
|
|
1045
1064
|
*/
|
|
1046
|
-
.awsui_show-
|
|
1065
|
+
.awsui_show-tools_hyvsj_17tiy_1065:not(#\9) {
|
|
1047
1066
|
box-sizing: border-box;
|
|
1048
1067
|
padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
|
|
1049
1068
|
/*
|
|
@@ -1051,7 +1070,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1051
1070
|
take control in responsive viewports.
|
|
1052
1071
|
*/
|
|
1053
1072
|
}
|
|
1054
|
-
@keyframes
|
|
1073
|
+
@keyframes awsui_showButtons_hyvsj_17tiy_1 {
|
|
1055
1074
|
0% {
|
|
1056
1075
|
opacity: 0;
|
|
1057
1076
|
}
|
|
@@ -1059,33 +1078,33 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1059
1078
|
opacity: 1;
|
|
1060
1079
|
}
|
|
1061
1080
|
}
|
|
1062
|
-
.awsui_show-
|
|
1081
|
+
.awsui_show-tools_hyvsj_17tiy_1065:not(#\9):not(.awsui_has-tools-form_hyvsj_17tiy_1043) {
|
|
1063
1082
|
display: none;
|
|
1064
1083
|
}
|
|
1065
1084
|
@media (min-width: 689px) {
|
|
1066
|
-
.awsui_show-
|
|
1085
|
+
.awsui_show-tools_hyvsj_17tiy_1065.awsui_has-tools-form_hyvsj_17tiy_1043:not(#\9) {
|
|
1067
1086
|
display: flex;
|
|
1068
1087
|
flex-direction: column;
|
|
1069
1088
|
gap: var(--space-xs-rsr2qu, 8px);
|
|
1070
1089
|
}
|
|
1071
|
-
.awsui_show-
|
|
1072
|
-
animation:
|
|
1090
|
+
.awsui_show-tools_hyvsj_17tiy_1065.awsui_has-tools-form_hyvsj_17tiy_1043.awsui_animating_hyvsj_17tiy_681:not(#\9) {
|
|
1091
|
+
animation: awsui_showButtons_hyvsj_17tiy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1073
1092
|
}
|
|
1074
1093
|
}
|
|
1075
1094
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1076
|
-
.awsui_show-
|
|
1095
|
+
.awsui_show-tools_hyvsj_17tiy_1065.awsui_has-tools-form_hyvsj_17tiy_1043.awsui_animating_hyvsj_17tiy_681:not(#\9) {
|
|
1077
1096
|
animation: none;
|
|
1078
1097
|
transition: none;
|
|
1079
1098
|
}
|
|
1080
1099
|
}
|
|
1081
1100
|
@media (min-width: 689px) {
|
|
1082
|
-
.awsui-motion-disabled .awsui_show-
|
|
1101
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_17tiy_1065.awsui_has-tools-form_hyvsj_17tiy_1043.awsui_animating_hyvsj_17tiy_681:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_17tiy_1065.awsui_has-tools-form_hyvsj_17tiy_1043.awsui_animating_hyvsj_17tiy_681:not(#\9) {
|
|
1083
1102
|
animation: none;
|
|
1084
1103
|
transition: none;
|
|
1085
1104
|
}
|
|
1086
1105
|
}
|
|
1087
1106
|
@media (min-width: 689px) {
|
|
1088
|
-
.awsui_show-
|
|
1107
|
+
.awsui_show-tools_hyvsj_17tiy_1065.awsui_has-tools-form-persistence_hyvsj_17tiy_1043:not(#\9) {
|
|
1089
1108
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
1090
1109
|
z-index: 1;
|
|
1091
1110
|
}
|
|
@@ -1100,7 +1119,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1100
1119
|
the calculation used to determine the Split Panel maximum width in the
|
|
1101
1120
|
handleSplitPanelMaxWidth function in the context.
|
|
1102
1121
|
*/
|
|
1103
|
-
.
|
|
1122
|
+
.awsui_trigger_hyvsj_17tiy_1122:not(#\9) {
|
|
1104
1123
|
background: var(--color-background-layout-toggle-default-f9hnkv, #192534);
|
|
1105
1124
|
border: none;
|
|
1106
1125
|
border-radius: 50%;
|
|
@@ -1112,14 +1131,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1112
1131
|
width: var(--space-layout-toggle-diameter-hzvqtj, 40px);
|
|
1113
1132
|
pointer-events: auto;
|
|
1114
1133
|
}
|
|
1115
|
-
.
|
|
1134
|
+
.awsui_trigger_hyvsj_17tiy_1122[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
1116
1135
|
position: relative;
|
|
1117
1136
|
}
|
|
1118
|
-
.
|
|
1137
|
+
.awsui_trigger_hyvsj_17tiy_1122[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
1119
1138
|
outline: 2px dotted transparent;
|
|
1120
1139
|
outline-offset: calc(3px - 1px);
|
|
1121
1140
|
}
|
|
1122
|
-
.
|
|
1141
|
+
.awsui_trigger_hyvsj_17tiy_1122[data-awsui-focus-visible=true]:not(#\9):focus::before {
|
|
1123
1142
|
content: " ";
|
|
1124
1143
|
display: block;
|
|
1125
1144
|
position: absolute;
|
|
@@ -1130,23 +1149,23 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1130
1149
|
border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
|
|
1131
1150
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
1132
1151
|
}
|
|
1133
|
-
.
|
|
1152
|
+
.awsui_trigger_hyvsj_17tiy_1122:not(#\9):focus {
|
|
1134
1153
|
outline: none;
|
|
1135
1154
|
}
|
|
1136
|
-
.
|
|
1155
|
+
.awsui_trigger_hyvsj_17tiy_1122:not(#\9):hover {
|
|
1137
1156
|
background: var(--color-background-layout-toggle-hover-gi0e0b, #354150);
|
|
1138
1157
|
}
|
|
1139
|
-
.
|
|
1158
|
+
.awsui_trigger_hyvsj_17tiy_1122:not(#\9):active {
|
|
1140
1159
|
background: var(--color-background-layout-toggle-active-d15dki, #354150);
|
|
1141
1160
|
}
|
|
1142
|
-
.
|
|
1161
|
+
.awsui_trigger_hyvsj_17tiy_1122.awsui_selected_hyvsj_17tiy_1161:not(#\9) {
|
|
1143
1162
|
background: var(--color-background-layout-toggle-selected-default-e1giv3, #0972d3);
|
|
1144
1163
|
color: var(--color-text-layout-toggle-selected-tzwifo, #ffffff);
|
|
1145
1164
|
}
|
|
1146
|
-
.
|
|
1165
|
+
.awsui_trigger_hyvsj_17tiy_1122.awsui_selected_hyvsj_17tiy_1161:not(#\9):hover {
|
|
1147
1166
|
background: var(--color-background-layout-toggle-selected-hover-mes33s, #065299);
|
|
1148
1167
|
}
|
|
1149
|
-
.
|
|
1168
|
+
.awsui_trigger_hyvsj_17tiy_1122.awsui_selected_hyvsj_17tiy_1161:not(#\9):active {
|
|
1150
1169
|
background: var(--color-background-layout-toggle-selected-active-9w7pk3, #0972d3);
|
|
1151
1170
|
}
|
|
1152
1171
|
|