@cloudscape-design/components 3.0.446 → 3.0.447
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/visual-refresh/styles.css.js +80 -78
- package/app-layout/visual-refresh/styles.scoped.css +169 -166
- package/app-layout/visual-refresh/styles.selectors.js +80 -78
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
|
@@ -90,16 +90,16 @@ 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
|
-
div.
|
|
93
|
+
div.awsui_background_hyvsj_1f6b4_93:not(#\9) {
|
|
94
94
|
display: contents;
|
|
95
95
|
}
|
|
96
|
-
div.
|
|
96
|
+
div.awsui_background_hyvsj_1f6b4_93 > .awsui_scrolling-background_hyvsj_1f6b4_96:not(#\9) {
|
|
97
97
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
98
98
|
color: var(--color-text-body-default-2sxhhn, #000716);
|
|
99
99
|
grid-column: 1/span 5;
|
|
100
100
|
grid-row: 1/10;
|
|
101
101
|
}
|
|
102
|
-
div.
|
|
102
|
+
div.awsui_background_hyvsj_1f6b4_93 > .awsui_sticky-background_hyvsj_1f6b4_102:not(#\9) {
|
|
103
103
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
104
104
|
grid-column: 1/span 5;
|
|
105
105
|
grid-row: 1/10;
|
|
@@ -107,10 +107,10 @@ div.awsui_background_hyvsj_ae7i0_93 > .awsui_sticky-background_hyvsj_ae7i0_102:n
|
|
|
107
107
|
top: var(--awsui-header-height-y98gph);
|
|
108
108
|
z-index: 799;
|
|
109
109
|
}
|
|
110
|
-
div.
|
|
110
|
+
div.awsui_background_hyvsj_1f6b4_93 > .awsui_sticky-background_hyvsj_1f6b4_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1f6b4_110) {
|
|
111
111
|
height: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-y98gph));
|
|
112
112
|
}
|
|
113
|
-
div.
|
|
113
|
+
div.awsui_background_hyvsj_1f6b4_93 > .awsui_sticky-background_hyvsj_1f6b4_102.awsui_has-sticky-notifications_hyvsj_1f6b4_110:not(#\9) {
|
|
114
114
|
height: calc(
|
|
115
115
|
var(--awsui-notifications-gap-y98gph) + var(--awsui-notifications-height-y98gph) + var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-y98gph)
|
|
116
116
|
);
|
|
@@ -120,7 +120,7 @@ div.awsui_background_hyvsj_ae7i0_93 > .awsui_sticky-background_hyvsj_ae7i0_102.a
|
|
|
120
120
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
121
121
|
SPDX-License-Identifier: Apache-2.0
|
|
122
122
|
*/
|
|
123
|
-
.
|
|
123
|
+
.awsui_breadcrumbs_hyvsj_1f6b4_123:not(#\9) {
|
|
124
124
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
125
125
|
grid-area: breadcrumbs;
|
|
126
126
|
/*
|
|
@@ -130,7 +130,7 @@ div.awsui_background_hyvsj_ae7i0_93 > .awsui_sticky-background_hyvsj_ae7i0_102.a
|
|
|
130
130
|
be lifted so it doesn't render behind the background element.
|
|
131
131
|
*/
|
|
132
132
|
}
|
|
133
|
-
.
|
|
133
|
+
.awsui_breadcrumbs_hyvsj_1f6b4_123.awsui_has-sticky-background_hyvsj_1f6b4_133:not(#\9) {
|
|
134
134
|
z-index: 799;
|
|
135
135
|
}
|
|
136
136
|
|
|
@@ -142,7 +142,7 @@ div.awsui_background_hyvsj_ae7i0_93 > .awsui_sticky-background_hyvsj_ae7i0_102.a
|
|
|
142
142
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
143
143
|
SPDX-License-Identifier: Apache-2.0
|
|
144
144
|
*/
|
|
145
|
-
.awsui_drawers-
|
|
145
|
+
.awsui_drawers-container_hyvsj_1f6b4_145:not(#\9) {
|
|
146
146
|
background-color: transparent;
|
|
147
147
|
display: flex;
|
|
148
148
|
grid-column: 5;
|
|
@@ -153,19 +153,19 @@ div.awsui_background_hyvsj_ae7i0_93 > .awsui_sticky-background_hyvsj_ae7i0_102.a
|
|
|
153
153
|
top: var(--awsui-offset-top-y98gph);
|
|
154
154
|
z-index: 830;
|
|
155
155
|
}
|
|
156
|
-
.awsui_drawers-
|
|
156
|
+
.awsui_drawers-container_hyvsj_1f6b4_145.awsui_has-open-drawer_hyvsj_1f6b4_156:not(#\9) {
|
|
157
157
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
158
158
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
159
159
|
}
|
|
160
160
|
@media (min-width: 689px) {
|
|
161
|
-
.awsui_drawers-
|
|
161
|
+
.awsui_drawers-container_hyvsj_1f6b4_145:not(#\9) {
|
|
162
162
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
163
163
|
max-width: calc(var(--awsui-layout-width-y98gph) - var(--awsui-main-offset-left-y98gph) - var(--awsui-default-min-content-width-y98gph) - var(--awsui-content-gap-right-y98gph));
|
|
164
164
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
165
165
|
}
|
|
166
166
|
}
|
|
167
167
|
@media (max-width: 688px) {
|
|
168
|
-
.awsui_drawers-
|
|
168
|
+
.awsui_drawers-container_hyvsj_1f6b4_145:not(#\9) {
|
|
169
169
|
position: fixed;
|
|
170
170
|
right: 0;
|
|
171
171
|
z-index: 1001;
|
|
@@ -177,12 +177,12 @@ div.awsui_background_hyvsj_ae7i0_93 > .awsui_sticky-background_hyvsj_ae7i0_102.a
|
|
|
177
177
|
relative to the body.
|
|
178
178
|
*/
|
|
179
179
|
}
|
|
180
|
-
.awsui_drawers-
|
|
180
|
+
.awsui_drawers-container_hyvsj_1f6b4_145.awsui_disable-body-scroll_hyvsj_1f6b4_180:not(#\9) {
|
|
181
181
|
top: var(--awsui-header-height-y98gph);
|
|
182
182
|
}
|
|
183
183
|
}
|
|
184
184
|
|
|
185
|
-
.awsui_drawers-desktop-triggers-
|
|
185
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1f6b4_185:not(#\9) {
|
|
186
186
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
187
187
|
border-collapse: separate;
|
|
188
188
|
border-spacing: 0;
|
|
@@ -227,21 +227,21 @@ div.awsui_background_hyvsj_ae7i0_93 > .awsui_sticky-background_hyvsj_ae7i0_102.a
|
|
|
227
227
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
228
228
|
overscroll-behavior-y: contain;
|
|
229
229
|
}
|
|
230
|
-
.awsui_drawers-desktop-triggers-
|
|
230
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1f6b4_185:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1f6b4_204).awsui_has-open-drawer_hyvsj_1f6b4_156 {
|
|
231
231
|
width: 0;
|
|
232
232
|
}
|
|
233
|
-
.awsui_drawers-desktop-triggers-
|
|
233
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1f6b4_185.awsui_has-multiple-triggers_hyvsj_1f6b4_204.awsui_has-open-drawer_hyvsj_1f6b4_156:not(#\9) {
|
|
234
234
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
235
235
|
}
|
|
236
|
-
.awsui_drawers-desktop-triggers-
|
|
236
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1f6b4_185:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1f6b4_204):not(.awsui_has-open-drawer_hyvsj_1f6b4_156) {
|
|
237
237
|
width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
|
|
238
238
|
}
|
|
239
239
|
|
|
240
|
-
.awsui_drawers-mobile-triggers-
|
|
240
|
+
.awsui_drawers-mobile-triggers-container_hyvsj_1f6b4_214:not(#\9) {
|
|
241
241
|
display: flex;
|
|
242
242
|
}
|
|
243
243
|
|
|
244
|
-
.awsui_drawers-trigger-
|
|
244
|
+
.awsui_drawers-trigger-content_hyvsj_1f6b4_218:not(#\9) {
|
|
245
245
|
align-items: center;
|
|
246
246
|
display: flex;
|
|
247
247
|
flex-direction: column;
|
|
@@ -249,13 +249,13 @@ div.awsui_background_hyvsj_ae7i0_93 > .awsui_sticky-background_hyvsj_ae7i0_102.a
|
|
|
249
249
|
padding-top: var(--space-scaled-s-aqzyko, 12px);
|
|
250
250
|
width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
|
|
251
251
|
}
|
|
252
|
-
.awsui_drawers-trigger-
|
|
252
|
+
.awsui_drawers-trigger-content_hyvsj_1f6b4_218:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1f6b4_204).awsui_has-open-drawer_hyvsj_1f6b4_156 {
|
|
253
253
|
opacity: 0;
|
|
254
254
|
}
|
|
255
|
-
.awsui_drawers-trigger-
|
|
255
|
+
.awsui_drawers-trigger-content_hyvsj_1f6b4_218:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1f6b4_204):not(.awsui_has-open-drawer_hyvsj_1f6b4_156) {
|
|
256
256
|
opacity: 1;
|
|
257
257
|
}
|
|
258
|
-
.awsui_drawers-trigger-
|
|
258
|
+
.awsui_drawers-trigger-content_hyvsj_1f6b4_218 > .awsui_drawers-trigger-overflow_hyvsj_1f6b4_232:not(#\9) {
|
|
259
259
|
padding: 0 1px;
|
|
260
260
|
display: flex;
|
|
261
261
|
align-items: center;
|
|
@@ -263,14 +263,14 @@ div.awsui_background_hyvsj_ae7i0_93 > .awsui_sticky-background_hyvsj_ae7i0_102.a
|
|
|
263
263
|
}
|
|
264
264
|
|
|
265
265
|
@media (max-width: 688px) {
|
|
266
|
-
.awsui_drawers-
|
|
266
|
+
.awsui_drawers-trigger_hyvsj_1f6b4_218:not(#\9) {
|
|
267
267
|
width: 40px;
|
|
268
268
|
display: flex;
|
|
269
269
|
justify-content: center;
|
|
270
270
|
}
|
|
271
271
|
}
|
|
272
272
|
|
|
273
|
-
.
|
|
273
|
+
.awsui_drawer_hyvsj_1f6b4_145:not(#\9) {
|
|
274
274
|
--awsui-drawer-size-y98gph: 290px;
|
|
275
275
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
276
276
|
border-color: transparent;
|
|
@@ -285,7 +285,7 @@ div.awsui_background_hyvsj_ae7i0_93 > .awsui_sticky-background_hyvsj_ae7i0_102.a
|
|
|
285
285
|
pointer-events: auto;
|
|
286
286
|
word-wrap: break-word;
|
|
287
287
|
}
|
|
288
|
-
.
|
|
288
|
+
.awsui_drawer_hyvsj_1f6b4_145 > .awsui_drawer-content-container_hyvsj_1f6b4_262:not(#\9) {
|
|
289
289
|
grid-column: 1/span 2;
|
|
290
290
|
grid-row: 1;
|
|
291
291
|
width: var(--awsui-drawer-size-y98gph);
|
|
@@ -294,40 +294,40 @@ div.awsui_background_hyvsj_ae7i0_93 > .awsui_sticky-background_hyvsj_ae7i0_102.a
|
|
|
294
294
|
grid-template-rows: var(--size-vertical-panel-icon-offset-wy8j08, 15px) auto 1fr;
|
|
295
295
|
overflow-y: auto;
|
|
296
296
|
}
|
|
297
|
-
.
|
|
297
|
+
.awsui_drawer_hyvsj_1f6b4_145 > .awsui_drawer-content-container_hyvsj_1f6b4_262 > .awsui_drawer-close-button_hyvsj_1f6b4_271:not(#\9) {
|
|
298
298
|
grid-column: 3;
|
|
299
299
|
grid-row: 2;
|
|
300
300
|
z-index: 1;
|
|
301
301
|
}
|
|
302
|
-
.
|
|
302
|
+
.awsui_drawer_hyvsj_1f6b4_145 > .awsui_drawer-content-container_hyvsj_1f6b4_262 > .awsui_drawer-content_hyvsj_1f6b4_262:not(#\9) {
|
|
303
303
|
grid-column: 1/span 4;
|
|
304
304
|
}
|
|
305
|
-
.
|
|
305
|
+
.awsui_drawer_hyvsj_1f6b4_145 > .awsui_drawer-content-container_hyvsj_1f6b4_262 > .awsui_drawer-content_hyvsj_1f6b4_262.awsui_drawer-content-hidden_hyvsj_1f6b4_279:not(#\9) {
|
|
306
306
|
display: none;
|
|
307
307
|
}
|
|
308
|
-
.
|
|
308
|
+
.awsui_drawer_hyvsj_1f6b4_145 > .awsui_drawer-slider_hyvsj_1f6b4_282:not(#\9) {
|
|
309
309
|
grid-column: 1;
|
|
310
310
|
grid-row: 1;
|
|
311
311
|
height: 100%;
|
|
312
312
|
display: flex;
|
|
313
313
|
align-items: center;
|
|
314
314
|
}
|
|
315
|
-
.
|
|
315
|
+
.awsui_drawer_hyvsj_1f6b4_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_1f6b4_289) {
|
|
316
316
|
opacity: 0;
|
|
317
317
|
width: 0;
|
|
318
318
|
}
|
|
319
|
-
.
|
|
319
|
+
.awsui_drawer_hyvsj_1f6b4_145.awsui_is-drawer-open_hyvsj_1f6b4_289:not(#\9) {
|
|
320
320
|
border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
|
|
321
321
|
opacity: 1;
|
|
322
322
|
width: var(--awsui-drawer-size-y98gph);
|
|
323
323
|
}
|
|
324
324
|
@media (min-width: 2541px) {
|
|
325
|
-
.
|
|
325
|
+
.awsui_drawer_hyvsj_1f6b4_145.awsui_is-drawer-open_hyvsj_1f6b4_289:not(#\9) {
|
|
326
326
|
--awsui-drawer-size-y98gph: 320px;
|
|
327
327
|
}
|
|
328
328
|
}
|
|
329
329
|
@media (max-width: 688px) {
|
|
330
|
-
.
|
|
330
|
+
.awsui_drawer_hyvsj_1f6b4_145.awsui_is-drawer-open_hyvsj_1f6b4_289:not(#\9) {
|
|
331
331
|
--awsui-drawer-size-y98gph: 100vw;
|
|
332
332
|
width: 100vw;
|
|
333
333
|
}
|
|
@@ -337,7 +337,7 @@ div.awsui_background_hyvsj_ae7i0_93 > .awsui_sticky-background_hyvsj_ae7i0_102.a
|
|
|
337
337
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
338
338
|
SPDX-License-Identifier: Apache-2.0
|
|
339
339
|
*/
|
|
340
|
-
header.
|
|
340
|
+
header.awsui_content_hyvsj_1f6b4_314:not(#\9) {
|
|
341
341
|
grid-area: header;
|
|
342
342
|
}
|
|
343
343
|
|
|
@@ -358,7 +358,7 @@ The minimum content width property is set to zero and applied under all
|
|
|
358
358
|
circumstances regardless of whether the minContentWidth property is
|
|
359
359
|
explicitly set in script.
|
|
360
360
|
*/
|
|
361
|
-
.
|
|
361
|
+
.awsui_layout_hyvsj_1f6b4_335:not(#\9) {
|
|
362
362
|
--awsui-breadcrumbs-gap-y98gph: 0px;
|
|
363
363
|
--awsui-content-gap-left-y98gph: 0px;
|
|
364
364
|
--awsui-content-gap-right-y98gph: 0px;
|
|
@@ -441,136 +441,139 @@ explicitly set in script.
|
|
|
441
441
|
*/
|
|
442
442
|
}
|
|
443
443
|
@media (min-width: 1401px) {
|
|
444
|
-
.
|
|
444
|
+
.awsui_layout_hyvsj_1f6b4_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1f6b4_418) {
|
|
445
445
|
--awsui-default-max-content-width-y98gph: 1280px;
|
|
446
446
|
}
|
|
447
447
|
}
|
|
448
448
|
@media (min-width: 1921px) {
|
|
449
|
-
.
|
|
449
|
+
.awsui_layout_hyvsj_1f6b4_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1f6b4_418) {
|
|
450
450
|
--awsui-default-max-content-width-y98gph: 1440px;
|
|
451
451
|
}
|
|
452
452
|
}
|
|
453
453
|
@media (min-width: 2541px) {
|
|
454
|
-
.
|
|
454
|
+
.awsui_layout_hyvsj_1f6b4_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1f6b4_418) {
|
|
455
455
|
--awsui-default-max-content-width-y98gph: 1620px;
|
|
456
456
|
}
|
|
457
457
|
}
|
|
458
458
|
@media (min-width: 1401px) {
|
|
459
|
-
.
|
|
459
|
+
.awsui_layout_hyvsj_1f6b4_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1f6b4_418).awsui_content-type-dashboard_hyvsj_1f6b4_433 {
|
|
460
460
|
--awsui-default-max-content-width-y98gph: 1280px;
|
|
461
461
|
}
|
|
462
462
|
}
|
|
463
463
|
@media (min-width: 1921px) {
|
|
464
|
-
.
|
|
464
|
+
.awsui_layout_hyvsj_1f6b4_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1f6b4_418).awsui_content-type-dashboard_hyvsj_1f6b4_433 {
|
|
465
465
|
--awsui-default-max-content-width-y98gph: 1620px;
|
|
466
466
|
}
|
|
467
467
|
}
|
|
468
468
|
@media (min-width: 2541px) {
|
|
469
|
-
.
|
|
469
|
+
.awsui_layout_hyvsj_1f6b4_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1f6b4_418).awsui_content-type-dashboard_hyvsj_1f6b4_433 {
|
|
470
470
|
--awsui-default-max-content-width-y98gph: 2160px;
|
|
471
471
|
}
|
|
472
472
|
}
|
|
473
|
-
.
|
|
473
|
+
.awsui_layout_hyvsj_1f6b4_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1f6b4_418).awsui_content-type-table_hyvsj_1f6b4_447, .awsui_layout_hyvsj_1f6b4_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1f6b4_418).awsui_content-type-cards_hyvsj_1f6b4_447 {
|
|
474
|
+
--awsui-default-max-content-width-y98gph: 100%;
|
|
475
|
+
}
|
|
476
|
+
.awsui_layout_hyvsj_1f6b4_335.awsui_has-max-content-width_hyvsj_1f6b4_418:not(#\9) {
|
|
474
477
|
--awsui-default-max-content-width-y98gph: var(--awsui-max-content-width-y98gph);
|
|
475
478
|
}
|
|
476
|
-
.
|
|
479
|
+
.awsui_layout_hyvsj_1f6b4_335.awsui_is-overlap-disabled_hyvsj_1f6b4_453:not(#\9) {
|
|
477
480
|
--awsui-overlap-height-y98gph: 0;
|
|
478
481
|
}
|
|
479
|
-
.
|
|
482
|
+
.awsui_layout_hyvsj_1f6b4_335.awsui_is-hide-mobile-toolbar_hyvsj_1f6b4_456:not(#\9) {
|
|
480
483
|
--awsui-mobile-bar-height-y98gph: 0px;
|
|
481
484
|
}
|
|
482
485
|
@media (min-width: 993px) {
|
|
483
|
-
.
|
|
486
|
+
.awsui_layout_hyvsj_1f6b4_335:not(#\9) {
|
|
484
487
|
--awsui-default-min-content-width-y98gph: var(--awsui-min-content-width-y98gph, 280px);
|
|
485
488
|
}
|
|
486
489
|
}
|
|
487
490
|
@media (max-width: 992px) {
|
|
488
|
-
.
|
|
491
|
+
.awsui_layout_hyvsj_1f6b4_335:not(#\9) {
|
|
489
492
|
--awsui-default-min-content-width-y98gph: 0px;
|
|
490
493
|
}
|
|
491
494
|
}
|
|
492
|
-
.
|
|
495
|
+
.awsui_layout_hyvsj_1f6b4_335:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1f6b4_110):not(.awsui_has-sticky-background_hyvsj_1f6b4_133) {
|
|
493
496
|
--awsui-offset-top-with-notifications-y98gph: var(--awsui-header-height-y98gph);
|
|
494
497
|
}
|
|
495
|
-
.
|
|
498
|
+
.awsui_layout_hyvsj_1f6b4_335:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1f6b4_110).awsui_has-sticky-background_hyvsj_1f6b4_133 {
|
|
496
499
|
--awsui-offset-top-with-notifications-y98gph: calc(var(--awsui-header-height-y98gph) + var(--space-scaled-s-aqzyko, 12px));
|
|
497
500
|
}
|
|
498
|
-
.
|
|
501
|
+
.awsui_layout_hyvsj_1f6b4_335.awsui_has-sticky-notifications_hyvsj_1f6b4_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_1f6b4_133) {
|
|
499
502
|
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
500
503
|
var(--awsui-offset-top-y98gph) + var(--awsui-notifications-gap-y98gph) +
|
|
501
504
|
var(--awsui-notifications-height-y98gph) + var(--space-xxxs-zbmxqb, 2px)
|
|
502
505
|
);
|
|
503
506
|
}
|
|
504
|
-
.
|
|
507
|
+
.awsui_layout_hyvsj_1f6b4_335.awsui_has-sticky-notifications_hyvsj_1f6b4_110.awsui_has-sticky-background_hyvsj_1f6b4_133:not(#\9) {
|
|
505
508
|
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
506
509
|
var(--awsui-offset-top-y98gph) + var(--awsui-notifications-gap-y98gph) +
|
|
507
510
|
var(--awsui-notifications-height-y98gph) + var(--space-scaled-s-aqzyko, 12px)
|
|
508
511
|
);
|
|
509
512
|
}
|
|
510
513
|
@media (min-width: 689px) {
|
|
511
|
-
.
|
|
514
|
+
.awsui_layout_hyvsj_1f6b4_335.awsui_has-content-gap-left_hyvsj_1f6b4_488:not(#\9) {
|
|
512
515
|
--awsui-content-gap-left-y98gph: var(--space-scaled-2x-xxxl-eqb3m6, 40px);
|
|
513
516
|
}
|
|
514
|
-
.
|
|
517
|
+
.awsui_layout_hyvsj_1f6b4_335.awsui_has-content-gap-right_hyvsj_1f6b4_491:not(#\9) {
|
|
515
518
|
--awsui-content-gap-right-y98gph: var(--space-scaled-2x-xxxl-eqb3m6, 40px);
|
|
516
519
|
}
|
|
517
520
|
}
|
|
518
521
|
@media (max-width: 688px) {
|
|
519
|
-
.
|
|
522
|
+
.awsui_layout_hyvsj_1f6b4_335:not(#\9) {
|
|
520
523
|
--awsui-content-gap-left-y98gph: var(--space-l-t419sm, 20px);
|
|
521
524
|
--awsui-content-gap-right-y98gph: var(--space-l-t419sm, 20px);
|
|
522
525
|
}
|
|
523
526
|
}
|
|
524
|
-
.
|
|
527
|
+
.awsui_layout_hyvsj_1f6b4_335.awsui_content-first-child-notifications_hyvsj_1f6b4_501:not(#\9) {
|
|
525
528
|
--awsui-notifications-gap-y98gph: var(--space-xs-zb16t3, 8px);
|
|
526
529
|
}
|
|
527
|
-
.
|
|
530
|
+
.awsui_layout_hyvsj_1f6b4_335.awsui_has-breadcrumbs_hyvsj_1f6b4_504:not(#\9) {
|
|
528
531
|
--awsui-breadcrumbs-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
529
532
|
}
|
|
530
|
-
.
|
|
533
|
+
.awsui_layout_hyvsj_1f6b4_335.awsui_content-first-child-header_hyvsj_1f6b4_507:not(#\9), .awsui_layout_hyvsj_1f6b4_335.awsui_content-first-child-notifications_hyvsj_1f6b4_501:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1f6b4_504).awsui_has-header_hyvsj_1f6b4_507 {
|
|
531
534
|
--awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
|
|
532
535
|
}
|
|
533
|
-
.
|
|
536
|
+
.awsui_layout_hyvsj_1f6b4_335.awsui_has-breadcrumbs_hyvsj_1f6b4_504.awsui_has-header_hyvsj_1f6b4_507:not(#\9) {
|
|
534
537
|
--awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
|
|
535
538
|
}
|
|
536
|
-
.
|
|
539
|
+
.awsui_layout_hyvsj_1f6b4_335.awsui_content-first-child-notifications_hyvsj_1f6b4_501:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1f6b4_504):not(.awsui_has-header_hyvsj_1f6b4_507) {
|
|
537
540
|
--awsui-main-gap-y98gph: var(--space-xs-zb16t3, 8px);
|
|
538
541
|
}
|
|
539
|
-
.
|
|
542
|
+
.awsui_layout_hyvsj_1f6b4_335.awsui_has-breadcrumbs_hyvsj_1f6b4_504:not(#\9):not(.awsui_has-header_hyvsj_1f6b4_507) {
|
|
540
543
|
--awsui-container-first-gap-y98gph: calc(var(--awsui-breadcrumbs-gap-y98gph) - var(--awsui-main-gap-y98gph));
|
|
541
544
|
}
|
|
542
|
-
.
|
|
545
|
+
.awsui_layout_hyvsj_1f6b4_335.awsui_has-breadcrumbs_hyvsj_1f6b4_504:not(#\9):not(.awsui_has-header_hyvsj_1f6b4_507).awsui_is-overlap-disabled_hyvsj_1f6b4_453 {
|
|
543
546
|
--awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
544
547
|
}
|
|
545
|
-
.
|
|
548
|
+
.awsui_layout_hyvsj_1f6b4_335.awsui_has-breadcrumbs_hyvsj_1f6b4_504:not(#\9):not(.awsui_has-header_hyvsj_1f6b4_507):not(.awsui_is-overlap-disabled_hyvsj_1f6b4_453) {
|
|
546
549
|
--awsui-main-gap-y98gph: var(--space-scaled-xxs-7597g1, 4px);
|
|
547
550
|
}
|
|
548
|
-
.
|
|
551
|
+
.awsui_layout_hyvsj_1f6b4_335.awsui_has-header_hyvsj_1f6b4_507:not(#\9) {
|
|
549
552
|
--awsui-main-gap-y98gph: var(--space-content-header-padding-bottom-y2enua, 16px);
|
|
550
553
|
}
|
|
551
|
-
.
|
|
554
|
+
.awsui_layout_hyvsj_1f6b4_335.awsui_content-first-child-main_hyvsj_1f6b4_528:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1f6b4_453), .awsui_layout_hyvsj_1f6b4_335.awsui_content-first-child-main_hyvsj_1f6b4_528.awsui_is-overlap-disabled_hyvsj_1f6b4_453:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1f6b4_528) {
|
|
552
555
|
--awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
553
556
|
}
|
|
554
557
|
@media (min-width: 689px) {
|
|
555
|
-
.
|
|
558
|
+
.awsui_layout_hyvsj_1f6b4_335.awsui_content-first-child-main_hyvsj_1f6b4_528:not(#\9):not(.awsui_has-header_hyvsj_1f6b4_507) {
|
|
556
559
|
--awsui-container-first-overlap-extension-y98gph: var(--space-m-udix3p, 16px);
|
|
557
560
|
--awsui-container-first-gap-y98gph: var(--space-xxs-p8yyaw, 4px);
|
|
558
561
|
}
|
|
559
562
|
}
|
|
560
563
|
@media (max-width: 688px) {
|
|
561
|
-
.
|
|
564
|
+
.awsui_layout_hyvsj_1f6b4_335.awsui_content-first-child-notifications_hyvsj_1f6b4_501:not(#\9) {
|
|
562
565
|
--awsui-notifications-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
563
566
|
}
|
|
564
|
-
.
|
|
567
|
+
.awsui_layout_hyvsj_1f6b4_335.awsui_content-first-child-header_hyvsj_1f6b4_507:not(#\9) {
|
|
565
568
|
--awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
566
569
|
}
|
|
567
|
-
.
|
|
570
|
+
.awsui_layout_hyvsj_1f6b4_335.awsui_content-first-child-notifications_hyvsj_1f6b4_501:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1f6b4_504).awsui_has-header_hyvsj_1f6b4_507 {
|
|
568
571
|
--awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
569
572
|
}
|
|
570
|
-
.
|
|
573
|
+
.awsui_layout_hyvsj_1f6b4_335.awsui_content-first-child-notifications_hyvsj_1f6b4_501:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1f6b4_504):not(.awsui_has-header_hyvsj_1f6b4_507), .awsui_layout_hyvsj_1f6b4_335.awsui_content-first-child-main_hyvsj_1f6b4_528:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1f6b4_453) {
|
|
571
574
|
--awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
572
575
|
}
|
|
573
|
-
.
|
|
576
|
+
.awsui_layout_hyvsj_1f6b4_335.awsui_content-first-child-main_hyvsj_1f6b4_528.awsui_is-overlap-disabled_hyvsj_1f6b4_453:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1f6b4_528) {
|
|
574
577
|
--awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
575
578
|
}
|
|
576
579
|
}
|
|
@@ -585,19 +588,19 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
585
588
|
position: sticky will be the value of the notifications height in addition to the
|
|
586
589
|
notifications top margin and some additional vertical space for aesthetics.
|
|
587
590
|
*/
|
|
588
|
-
.
|
|
591
|
+
.awsui_layout_hyvsj_1f6b4_335.awsui_disable-body-scroll_hyvsj_1f6b4_180:not(#\9) {
|
|
589
592
|
--awsui-main-template-rows-y98gph: 1fr auto;
|
|
590
593
|
--awsui-offset-top-y98gph: 0px;
|
|
591
594
|
height: var(--awsui-content-height-y98gph);
|
|
592
595
|
overflow-y: scroll;
|
|
593
596
|
}
|
|
594
|
-
.
|
|
597
|
+
.awsui_layout_hyvsj_1f6b4_335.awsui_disable-body-scroll_hyvsj_1f6b4_180.awsui_has-split-panel_hyvsj_1f6b4_571.awsui_split-panel-position-bottom_hyvsj_1f6b4_571:not(#\9) {
|
|
595
598
|
--awsui-main-template-rows-y98gph: repeat(2, auto);
|
|
596
599
|
}
|
|
597
|
-
.
|
|
600
|
+
.awsui_layout_hyvsj_1f6b4_335.awsui_disable-body-scroll_hyvsj_1f6b4_180:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1f6b4_110) {
|
|
598
601
|
--awsui-offset-top-with-notifications-y98gph: 0px;
|
|
599
602
|
}
|
|
600
|
-
.
|
|
603
|
+
.awsui_layout_hyvsj_1f6b4_335.awsui_disable-body-scroll_hyvsj_1f6b4_180.awsui_has-sticky-notifications_hyvsj_1f6b4_110:not(#\9) {
|
|
601
604
|
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
602
605
|
var(--awsui-notifications-height-y98gph) + var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
|
|
603
606
|
);
|
|
@@ -607,13 +610,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
607
610
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
608
611
|
when the navigation or tools drawers are open in responsive viewports.
|
|
609
612
|
*/
|
|
610
|
-
.awsui_block-body-
|
|
613
|
+
.awsui_block-body-scroll_hyvsj_1f6b4_587:not(#\9) {
|
|
611
614
|
overflow: hidden;
|
|
612
615
|
}
|
|
613
616
|
|
|
614
617
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
615
|
-
.
|
|
616
|
-
.
|
|
618
|
+
.awsui_unfocusable_hyvsj_1f6b4_592:not(#\9),
|
|
619
|
+
.awsui_unfocusable_hyvsj_1f6b4_592 *:not(#\9) {
|
|
617
620
|
visibility: hidden !important;
|
|
618
621
|
}
|
|
619
622
|
|
|
@@ -622,7 +625,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
622
625
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
623
626
|
SPDX-License-Identifier: Apache-2.0
|
|
624
627
|
*/
|
|
625
|
-
.
|
|
628
|
+
.awsui_container_hyvsj_1f6b4_602:not(#\9) {
|
|
626
629
|
grid-area: main;
|
|
627
630
|
padding-bottom: var(--space-layout-content-bottom-noqzmw, 40px);
|
|
628
631
|
/*
|
|
@@ -639,18 +642,18 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
639
642
|
on the right, we decrement the column end by one.
|
|
640
643
|
*/
|
|
641
644
|
}
|
|
642
|
-
.
|
|
645
|
+
.awsui_container_hyvsj_1f6b4_602.awsui_has-split-panel_hyvsj_1f6b4_571.awsui_split-panel-position-bottom_hyvsj_1f6b4_571:not(#\9) {
|
|
643
646
|
padding-bottom: calc(var(--awsui-split-panel-height-y98gph) + var(--space-layout-content-bottom-noqzmw, 40px));
|
|
644
647
|
}
|
|
645
|
-
.
|
|
648
|
+
.awsui_container_hyvsj_1f6b4_602.awsui_disable-content-paddings_hyvsj_1f6b4_528:not(#\9) {
|
|
646
649
|
grid-column: 1/6;
|
|
647
650
|
padding: 0;
|
|
648
651
|
}
|
|
649
652
|
@media (min-width: 689px) {
|
|
650
|
-
.
|
|
653
|
+
.awsui_container_hyvsj_1f6b4_602.awsui_disable-content-paddings_hyvsj_1f6b4_528.awsui_is-navigation-open_hyvsj_1f6b4_627:not(#\9) {
|
|
651
654
|
grid-column-start: 2;
|
|
652
655
|
}
|
|
653
|
-
.
|
|
656
|
+
.awsui_container_hyvsj_1f6b4_602.awsui_disable-content-paddings_hyvsj_1f6b4_528.awsui_is-tools-open_hyvsj_1f6b4_630:not(#\9), .awsui_container_hyvsj_1f6b4_602.awsui_disable-content-paddings_hyvsj_1f6b4_528.awsui_is-split-panel-open_hyvsj_1f6b4_630.awsui_split-panel-position-side_hyvsj_1f6b4_630:not(#\9), .awsui_container_hyvsj_1f6b4_602.awsui_disable-content-paddings_hyvsj_1f6b4_528.awsui_has-active-drawer_hyvsj_1f6b4_630:not(#\9) {
|
|
654
657
|
grid-column-end: 5;
|
|
655
658
|
}
|
|
656
659
|
}
|
|
@@ -659,7 +662,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
659
662
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
660
663
|
SPDX-License-Identifier: Apache-2.0
|
|
661
664
|
*/
|
|
662
|
-
section.awsui_mobile-
|
|
665
|
+
section.awsui_mobile-toolbar_hyvsj_1f6b4_639:not(#\9) {
|
|
663
666
|
align-items: center;
|
|
664
667
|
background-color: var(--color-background-home-header-2rudu7, #000716);
|
|
665
668
|
border-bottom: 1px solid var(--color-border-divider-default-et9j7s, #e9ebed);
|
|
@@ -675,15 +678,15 @@ section.awsui_mobile-toolbar_hyvsj_ae7i0_636:not(#\9) {
|
|
|
675
678
|
top: var(--awsui-offset-top-y98gph);
|
|
676
679
|
z-index: 1000;
|
|
677
680
|
}
|
|
678
|
-
section.awsui_mobile-
|
|
681
|
+
section.awsui_mobile-toolbar_hyvsj_1f6b4_639 > .awsui_mobile-toolbar-nav_hyvsj_1f6b4_655:not(#\9) {
|
|
679
682
|
grid-column: 1;
|
|
680
683
|
margin-right: var(--space-m-udix3p, 16px);
|
|
681
684
|
}
|
|
682
|
-
section.awsui_mobile-
|
|
685
|
+
section.awsui_mobile-toolbar_hyvsj_1f6b4_639 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_1f6b4_659:not(#\9) {
|
|
683
686
|
grid-column: 2;
|
|
684
687
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
685
688
|
}
|
|
686
|
-
section.awsui_mobile-
|
|
689
|
+
section.awsui_mobile-toolbar_hyvsj_1f6b4_639 > .awsui_mobile-toolbar-tools_hyvsj_1f6b4_663:not(#\9) {
|
|
687
690
|
grid-column: 3;
|
|
688
691
|
margin-left: var(--space-m-udix3p, 16px);
|
|
689
692
|
}
|
|
@@ -692,7 +695,7 @@ section.awsui_mobile-toolbar_hyvsj_ae7i0_636 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
692
695
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
693
696
|
SPDX-License-Identifier: Apache-2.0
|
|
694
697
|
*/
|
|
695
|
-
.awsui_navigation-
|
|
698
|
+
.awsui_navigation-container_hyvsj_1f6b4_672:not(#\9) {
|
|
696
699
|
--awsui-navigation-width-y98gph: 280px;
|
|
697
700
|
display: flex;
|
|
698
701
|
grid-column: 1;
|
|
@@ -714,12 +717,12 @@ section.awsui_mobile-toolbar_hyvsj_ae7i0_636 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
714
717
|
pointer-events: none;
|
|
715
718
|
}
|
|
716
719
|
@media (min-width: 2541px) {
|
|
717
|
-
.awsui_navigation-
|
|
720
|
+
.awsui_navigation-container_hyvsj_1f6b4_672:not(#\9) {
|
|
718
721
|
--awsui-navigation-width-y98gph: 320px;
|
|
719
722
|
}
|
|
720
723
|
}
|
|
721
724
|
@media (max-width: 688px) {
|
|
722
|
-
.awsui_navigation-
|
|
725
|
+
.awsui_navigation-container_hyvsj_1f6b4_672:not(#\9) {
|
|
723
726
|
left: 0;
|
|
724
727
|
position: fixed;
|
|
725
728
|
z-index: 1001;
|
|
@@ -731,19 +734,19 @@ section.awsui_mobile-toolbar_hyvsj_ae7i0_636 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
731
734
|
relative to the body.
|
|
732
735
|
*/
|
|
733
736
|
}
|
|
734
|
-
.awsui_navigation-
|
|
737
|
+
.awsui_navigation-container_hyvsj_1f6b4_672.awsui_disable-body-scroll_hyvsj_1f6b4_180:not(#\9) {
|
|
735
738
|
top: var(--awsui-header-height-y98gph);
|
|
736
739
|
}
|
|
737
740
|
}
|
|
738
741
|
|
|
739
|
-
nav.awsui_show-
|
|
742
|
+
nav.awsui_show-navigation_hyvsj_1f6b4_716:not(#\9) {
|
|
740
743
|
padding: var(--space-scaled-s-aqzyko, 12px) var(--space-layout-toggle-padding-sgkxy2, 20px);
|
|
741
744
|
/*
|
|
742
745
|
Apply the animation only in desktop viewports because the MobileToolbar will
|
|
743
746
|
take control in responsive viewports.
|
|
744
747
|
*/
|
|
745
748
|
}
|
|
746
|
-
@keyframes
|
|
749
|
+
@keyframes awsui_showButtons_hyvsj_1f6b4_1 {
|
|
747
750
|
0% {
|
|
748
751
|
opacity: 0;
|
|
749
752
|
}
|
|
@@ -751,31 +754,31 @@ nav.awsui_show-navigation_hyvsj_ae7i0_713:not(#\9) {
|
|
|
751
754
|
opacity: 1;
|
|
752
755
|
}
|
|
753
756
|
}
|
|
754
|
-
nav.awsui_show-
|
|
757
|
+
nav.awsui_show-navigation_hyvsj_1f6b4_716.awsui_is-navigation-open_hyvsj_1f6b4_627:not(#\9) {
|
|
755
758
|
display: none;
|
|
756
759
|
}
|
|
757
760
|
@media (min-width: 689px) {
|
|
758
|
-
nav.awsui_show-
|
|
761
|
+
nav.awsui_show-navigation_hyvsj_1f6b4_716:not(#\9):not(.awsui_is-navigation-open_hyvsj_1f6b4_627) {
|
|
759
762
|
display: block;
|
|
760
763
|
}
|
|
761
|
-
nav.awsui_show-
|
|
762
|
-
animation:
|
|
764
|
+
nav.awsui_show-navigation_hyvsj_1f6b4_716:not(#\9):not(.awsui_is-navigation-open_hyvsj_1f6b4_627).awsui_animating_hyvsj_1f6b4_738 {
|
|
765
|
+
animation: awsui_showButtons_hyvsj_1f6b4_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
763
766
|
}
|
|
764
767
|
}
|
|
765
768
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
766
|
-
nav.awsui_show-
|
|
769
|
+
nav.awsui_show-navigation_hyvsj_1f6b4_716:not(#\9):not(.awsui_is-navigation-open_hyvsj_1f6b4_627).awsui_animating_hyvsj_1f6b4_738 {
|
|
767
770
|
animation: none;
|
|
768
771
|
transition: none;
|
|
769
772
|
}
|
|
770
773
|
}
|
|
771
774
|
@media (min-width: 689px) {
|
|
772
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
775
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_1f6b4_716:not(#\9):not(.awsui_is-navigation-open_hyvsj_1f6b4_627).awsui_animating_hyvsj_1f6b4_738, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_1f6b4_716:not(#\9):not(.awsui_is-navigation-open_hyvsj_1f6b4_627).awsui_animating_hyvsj_1f6b4_738 {
|
|
773
776
|
animation: none;
|
|
774
777
|
transition: none;
|
|
775
778
|
}
|
|
776
779
|
}
|
|
777
780
|
|
|
778
|
-
nav.
|
|
781
|
+
nav.awsui_navigation_hyvsj_1f6b4_672:not(#\9) {
|
|
779
782
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
780
783
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
781
784
|
bottom: 0;
|
|
@@ -793,7 +796,7 @@ nav.awsui_navigation_hyvsj_ae7i0_669:not(#\9) {
|
|
|
793
796
|
prevent unwanted text wrapping.
|
|
794
797
|
*/
|
|
795
798
|
}
|
|
796
|
-
@keyframes
|
|
799
|
+
@keyframes awsui_openNavigation_hyvsj_1f6b4_1 {
|
|
797
800
|
from {
|
|
798
801
|
opacity: 0;
|
|
799
802
|
width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
|
|
@@ -803,33 +806,33 @@ nav.awsui_navigation_hyvsj_ae7i0_669:not(#\9) {
|
|
|
803
806
|
width: var(--awsui-navigation-width-y98gph);
|
|
804
807
|
}
|
|
805
808
|
}
|
|
806
|
-
nav.
|
|
809
|
+
nav.awsui_navigation_hyvsj_1f6b4_672:not(#\9):not(.awsui_is-navigation-open_hyvsj_1f6b4_627) {
|
|
807
810
|
width: 0;
|
|
808
811
|
display: none;
|
|
809
812
|
}
|
|
810
|
-
nav.
|
|
811
|
-
animation:
|
|
813
|
+
nav.awsui_navigation_hyvsj_1f6b4_672.awsui_is-navigation-open_hyvsj_1f6b4_627.awsui_animating_hyvsj_1f6b4_738:not(#\9) {
|
|
814
|
+
animation: awsui_openNavigation_hyvsj_1f6b4_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
812
815
|
}
|
|
813
816
|
@media (prefers-reduced-motion: reduce) {
|
|
814
|
-
nav.
|
|
817
|
+
nav.awsui_navigation_hyvsj_1f6b4_672.awsui_is-navigation-open_hyvsj_1f6b4_627.awsui_animating_hyvsj_1f6b4_738:not(#\9) {
|
|
815
818
|
animation: none;
|
|
816
819
|
transition: none;
|
|
817
820
|
}
|
|
818
821
|
}
|
|
819
|
-
.awsui-motion-disabled nav.
|
|
822
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_1f6b4_672.awsui_is-navigation-open_hyvsj_1f6b4_627.awsui_animating_hyvsj_1f6b4_738:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_1f6b4_672.awsui_is-navigation-open_hyvsj_1f6b4_627.awsui_animating_hyvsj_1f6b4_738:not(#\9) {
|
|
820
823
|
animation: none;
|
|
821
824
|
transition: none;
|
|
822
825
|
}
|
|
823
|
-
nav.
|
|
826
|
+
nav.awsui_navigation_hyvsj_1f6b4_672 > .awsui_animated-content_hyvsj_1f6b4_800:not(#\9) {
|
|
824
827
|
width: var(--awsui-navigation-width-y98gph);
|
|
825
828
|
}
|
|
826
829
|
@media (max-width: 688px) {
|
|
827
|
-
nav.
|
|
830
|
+
nav.awsui_navigation_hyvsj_1f6b4_672:not(#\9) {
|
|
828
831
|
--awsui-navigation-width-y98gph: 100vw;
|
|
829
832
|
}
|
|
830
833
|
}
|
|
831
834
|
|
|
832
|
-
.awsui_hide-
|
|
835
|
+
.awsui_hide-navigation_hyvsj_1f6b4_809:not(#\9) {
|
|
833
836
|
position: absolute;
|
|
834
837
|
right: var(--space-m-udix3p, 16px);
|
|
835
838
|
top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -839,13 +842,13 @@ nav.awsui_navigation_hyvsj_ae7i0_669 > .awsui_animated-content_hyvsj_ae7i0_797:n
|
|
|
839
842
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
840
843
|
SPDX-License-Identifier: Apache-2.0
|
|
841
844
|
*/
|
|
842
|
-
.
|
|
845
|
+
.awsui_notifications_hyvsj_1f6b4_819:not(#\9) {
|
|
843
846
|
color: var(--color-text-body-default-2sxhhn, #000716);
|
|
844
847
|
grid-area: notifications;
|
|
845
848
|
z-index: 850;
|
|
846
849
|
}
|
|
847
850
|
@media (min-width: 689px) {
|
|
848
|
-
.
|
|
851
|
+
.awsui_notifications_hyvsj_1f6b4_819.awsui_sticky-notifications_hyvsj_1f6b4_825:not(#\9) {
|
|
849
852
|
--awsui-flashbar-sticky-bottom-margin-y98gph: var(--space-xxl-cu2m1r, 32px);
|
|
850
853
|
position: sticky;
|
|
851
854
|
top: calc(var(--awsui-offset-top-y98gph) + var(--space-xs-zb16t3, 8px));
|
|
@@ -862,7 +865,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
862
865
|
consume the remaining vertical space in the grid after the notifications
|
|
863
866
|
and breadcrumbs.
|
|
864
867
|
*/
|
|
865
|
-
section.awsui_split-panel-
|
|
868
|
+
section.awsui_split-panel-bottom_hyvsj_1f6b4_842:not(#\9) {
|
|
866
869
|
/*
|
|
867
870
|
The align self property will position the split panel at the bottom of the grid row.
|
|
868
871
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -898,7 +901,7 @@ section.awsui_split-panel-bottom_hyvsj_ae7i0_839:not(#\9) {
|
|
|
898
901
|
apply the animation to the height property.
|
|
899
902
|
*/
|
|
900
903
|
}
|
|
901
|
-
@keyframes
|
|
904
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_1f6b4_1 {
|
|
902
905
|
from {
|
|
903
906
|
height: var(--awsui-split-panel-reported-header-size-y98gph, 0);
|
|
904
907
|
}
|
|
@@ -906,39 +909,39 @@ section.awsui_split-panel-bottom_hyvsj_ae7i0_839:not(#\9) {
|
|
|
906
909
|
height: var(--awsui-split-panel-reported-size-y98gph);
|
|
907
910
|
}
|
|
908
911
|
}
|
|
909
|
-
section.awsui_split-panel-
|
|
912
|
+
section.awsui_split-panel-bottom_hyvsj_1f6b4_842.awsui_disable-body-scroll_hyvsj_1f6b4_180:not(#\9) {
|
|
910
913
|
bottom: 0;
|
|
911
914
|
}
|
|
912
|
-
section.awsui_split-panel-
|
|
915
|
+
section.awsui_split-panel-bottom_hyvsj_1f6b4_842.awsui_is-navigation-open_hyvsj_1f6b4_627.awsui_position-bottom_hyvsj_1f6b4_889:not(#\9) {
|
|
913
916
|
grid-column-start: 2;
|
|
914
917
|
}
|
|
915
|
-
section.awsui_split-panel-
|
|
918
|
+
section.awsui_split-panel-bottom_hyvsj_1f6b4_842.awsui_has-open-drawer_hyvsj_1f6b4_156.awsui_position-bottom_hyvsj_1f6b4_889:not(#\9) {
|
|
916
919
|
grid-column-end: 5;
|
|
917
920
|
}
|
|
918
|
-
section.awsui_split-panel-
|
|
921
|
+
section.awsui_split-panel-bottom_hyvsj_1f6b4_842.awsui_position-bottom_hyvsj_1f6b4_889:not(#\9) {
|
|
919
922
|
display: block;
|
|
920
923
|
}
|
|
921
|
-
section.awsui_split-panel-
|
|
924
|
+
section.awsui_split-panel-bottom_hyvsj_1f6b4_842:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1f6b4_630).awsui_position-bottom_hyvsj_1f6b4_889 {
|
|
922
925
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
923
926
|
}
|
|
924
|
-
section.awsui_split-panel-
|
|
927
|
+
section.awsui_split-panel-bottom_hyvsj_1f6b4_842.awsui_is-split-panel-open_hyvsj_1f6b4_630.awsui_position-bottom_hyvsj_1f6b4_889:not(#\9) {
|
|
925
928
|
box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
926
929
|
}
|
|
927
|
-
section.awsui_split-panel-
|
|
928
|
-
animation:
|
|
930
|
+
section.awsui_split-panel-bottom_hyvsj_1f6b4_842.awsui_is-split-panel-open_hyvsj_1f6b4_630.awsui_position-bottom_hyvsj_1f6b4_889.awsui_animating_hyvsj_1f6b4_738:not(#\9) {
|
|
931
|
+
animation: awsui_openSplitPanelBottom_hyvsj_1f6b4_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
929
932
|
}
|
|
930
933
|
@media (prefers-reduced-motion: reduce) {
|
|
931
|
-
section.awsui_split-panel-
|
|
934
|
+
section.awsui_split-panel-bottom_hyvsj_1f6b4_842.awsui_is-split-panel-open_hyvsj_1f6b4_630.awsui_position-bottom_hyvsj_1f6b4_889.awsui_animating_hyvsj_1f6b4_738:not(#\9) {
|
|
932
935
|
animation: none;
|
|
933
936
|
transition: none;
|
|
934
937
|
}
|
|
935
938
|
}
|
|
936
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
939
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_1f6b4_842.awsui_is-split-panel-open_hyvsj_1f6b4_630.awsui_position-bottom_hyvsj_1f6b4_889.awsui_animating_hyvsj_1f6b4_738:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_1f6b4_842.awsui_is-split-panel-open_hyvsj_1f6b4_630.awsui_position-bottom_hyvsj_1f6b4_889.awsui_animating_hyvsj_1f6b4_738:not(#\9) {
|
|
937
940
|
animation: none;
|
|
938
941
|
transition: none;
|
|
939
942
|
}
|
|
940
943
|
|
|
941
|
-
section.awsui_split-panel-
|
|
944
|
+
section.awsui_split-panel-side_hyvsj_1f6b4_918:not(#\9) {
|
|
942
945
|
height: 100%;
|
|
943
946
|
overflow-x: hidden;
|
|
944
947
|
pointer-events: auto;
|
|
@@ -948,10 +951,10 @@ section.awsui_split-panel-side_hyvsj_ae7i0_915:not(#\9) {
|
|
|
948
951
|
be persistent in the DOM when closed.
|
|
949
952
|
*/
|
|
950
953
|
}
|
|
951
|
-
section.awsui_split-panel-
|
|
954
|
+
section.awsui_split-panel-side_hyvsj_1f6b4_918:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1f6b4_630), section.awsui_split-panel-side_hyvsj_1f6b4_918.awsui_position-bottom_hyvsj_1f6b4_889:not(#\9) {
|
|
952
955
|
width: 0;
|
|
953
956
|
}
|
|
954
|
-
section.awsui_split-panel-
|
|
957
|
+
section.awsui_split-panel-side_hyvsj_1f6b4_918.awsui_is-split-panel-open_hyvsj_1f6b4_630.awsui_position-side_hyvsj_1f6b4_931:not(#\9) {
|
|
955
958
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
956
959
|
max-width: var(--awsui-split-panel-max-width-y98gph, 280px);
|
|
957
960
|
min-width: var(--awsui-split-panel-min-width-y98gph, 280px);
|
|
@@ -970,7 +973,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
970
973
|
property. The content gap right is computed in the Layout styles based on the
|
|
971
974
|
viewport size and state of the Tools drawer.
|
|
972
975
|
*/
|
|
973
|
-
.awsui_tools-
|
|
976
|
+
.awsui_tools-container_hyvsj_1f6b4_950:not(#\9) {
|
|
974
977
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
975
978
|
--awsui-tools-max-width-y98gph: calc(var(--awsui-layout-width-y98gph) - var(--awsui-main-offset-left-y98gph) - var(--awsui-default-min-content-width-y98gph) - var(--awsui-content-gap-right-y98gph));
|
|
976
979
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
@@ -986,12 +989,12 @@ viewport size and state of the Tools drawer.
|
|
|
986
989
|
pointer-events: none;
|
|
987
990
|
}
|
|
988
991
|
@media (min-width: 2541px) {
|
|
989
|
-
.awsui_tools-
|
|
992
|
+
.awsui_tools-container_hyvsj_1f6b4_950:not(#\9) {
|
|
990
993
|
--awsui-tools-width-y98gph: 360px;
|
|
991
994
|
}
|
|
992
995
|
}
|
|
993
996
|
@media (max-width: 688px) {
|
|
994
|
-
.awsui_tools-
|
|
997
|
+
.awsui_tools-container_hyvsj_1f6b4_950:not(#\9) {
|
|
995
998
|
--awsui-tools-max-width-y98gph: none;
|
|
996
999
|
--awsui-tools-width-y98gph: auto;
|
|
997
1000
|
position: fixed;
|
|
@@ -1005,12 +1008,12 @@ viewport size and state of the Tools drawer.
|
|
|
1005
1008
|
relative to the body.
|
|
1006
1009
|
*/
|
|
1007
1010
|
}
|
|
1008
|
-
.awsui_tools-
|
|
1011
|
+
.awsui_tools-container_hyvsj_1f6b4_950.awsui_disable-body-scroll_hyvsj_1f6b4_180:not(#\9) {
|
|
1009
1012
|
top: var(--awsui-header-height-y98gph);
|
|
1010
1013
|
}
|
|
1011
1014
|
}
|
|
1012
1015
|
|
|
1013
|
-
.
|
|
1016
|
+
.awsui_tools_hyvsj_1f6b4_950:not(#\9) {
|
|
1014
1017
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1015
1018
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
1016
1019
|
flex-shrink: 0;
|
|
@@ -1034,7 +1037,7 @@ viewport size and state of the Tools drawer.
|
|
|
1034
1037
|
in the side position.
|
|
1035
1038
|
*/
|
|
1036
1039
|
}
|
|
1037
|
-
@keyframes
|
|
1040
|
+
@keyframes awsui_openTools_hyvsj_1f6b4_1 {
|
|
1038
1041
|
from {
|
|
1039
1042
|
opacity: var(--awsui-tools-animation-starting-opacity-y98gph, 0);
|
|
1040
1043
|
width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
|
|
@@ -1044,38 +1047,38 @@ viewport size and state of the Tools drawer.
|
|
|
1044
1047
|
width: var(--awsui-tools-width-y98gph);
|
|
1045
1048
|
}
|
|
1046
1049
|
}
|
|
1047
|
-
.
|
|
1050
|
+
.awsui_tools_hyvsj_1f6b4_950:not(#\9):not(.awsui_is-tools-open_hyvsj_1f6b4_630) {
|
|
1048
1051
|
width: 0;
|
|
1049
1052
|
display: none;
|
|
1050
1053
|
}
|
|
1051
|
-
.
|
|
1052
|
-
animation:
|
|
1054
|
+
.awsui_tools_hyvsj_1f6b4_950.awsui_is-tools-open_hyvsj_1f6b4_630.awsui_animating_hyvsj_1f6b4_738:not(#\9) {
|
|
1055
|
+
animation: awsui_openTools_hyvsj_1f6b4_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1053
1056
|
}
|
|
1054
1057
|
@media (prefers-reduced-motion: reduce) {
|
|
1055
|
-
.
|
|
1058
|
+
.awsui_tools_hyvsj_1f6b4_950.awsui_is-tools-open_hyvsj_1f6b4_630.awsui_animating_hyvsj_1f6b4_738:not(#\9) {
|
|
1056
1059
|
animation: none;
|
|
1057
1060
|
transition: none;
|
|
1058
1061
|
}
|
|
1059
1062
|
}
|
|
1060
|
-
.awsui-motion-disabled .
|
|
1063
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_1f6b4_950.awsui_is-tools-open_hyvsj_1f6b4_630.awsui_animating_hyvsj_1f6b4_738:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_1f6b4_950.awsui_is-tools-open_hyvsj_1f6b4_630.awsui_animating_hyvsj_1f6b4_738:not(#\9) {
|
|
1061
1064
|
animation: none;
|
|
1062
1065
|
transition: none;
|
|
1063
1066
|
}
|
|
1064
|
-
.
|
|
1067
|
+
.awsui_tools_hyvsj_1f6b4_950 > .awsui_animated-content_hyvsj_1f6b4_800:not(#\9) {
|
|
1065
1068
|
width: var(--awsui-tools-width-y98gph);
|
|
1066
1069
|
}
|
|
1067
1070
|
@media (min-width: 689px) {
|
|
1068
|
-
.
|
|
1071
|
+
.awsui_tools_hyvsj_1f6b4_950.awsui_is-tools-open_hyvsj_1f6b4_630.awsui_has-tools-form-persistence_hyvsj_1f6b4_1045:not(#\9) {
|
|
1069
1072
|
border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
|
|
1070
1073
|
}
|
|
1071
1074
|
}
|
|
1072
1075
|
@media (max-width: 688px) {
|
|
1073
|
-
.
|
|
1076
|
+
.awsui_tools_hyvsj_1f6b4_950:not(#\9) {
|
|
1074
1077
|
--awsui-tools-width-y98gph: 100vw;
|
|
1075
1078
|
}
|
|
1076
1079
|
}
|
|
1077
1080
|
|
|
1078
|
-
.awsui_hide-
|
|
1081
|
+
.awsui_hide-tools_hyvsj_1f6b4_1055:not(#\9) {
|
|
1079
1082
|
position: absolute;
|
|
1080
1083
|
right: var(--space-m-udix3p, 16px);
|
|
1081
1084
|
top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -1087,7 +1090,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1087
1090
|
the calculation used to determine the Split Panel maximum width in the
|
|
1088
1091
|
handleSplitPanelMaxWidth function in the context.
|
|
1089
1092
|
*/
|
|
1090
|
-
.awsui_show-
|
|
1093
|
+
.awsui_show-tools_hyvsj_1f6b4_1067:not(#\9) {
|
|
1091
1094
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1092
1095
|
border-collapse: separate;
|
|
1093
1096
|
border-spacing: 0;
|
|
@@ -1131,7 +1134,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1131
1134
|
take control in responsive viewports.
|
|
1132
1135
|
*/
|
|
1133
1136
|
}
|
|
1134
|
-
@keyframes
|
|
1137
|
+
@keyframes awsui_showButtons_hyvsj_1f6b4_1 {
|
|
1135
1138
|
0% {
|
|
1136
1139
|
opacity: 0;
|
|
1137
1140
|
}
|
|
@@ -1139,31 +1142,31 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1139
1142
|
opacity: 1;
|
|
1140
1143
|
}
|
|
1141
1144
|
}
|
|
1142
|
-
.awsui_show-
|
|
1145
|
+
.awsui_show-tools_hyvsj_1f6b4_1067:not(#\9):not(.awsui_has-tools-form_hyvsj_1f6b4_1045) {
|
|
1143
1146
|
display: none;
|
|
1144
1147
|
}
|
|
1145
1148
|
@media (min-width: 689px) {
|
|
1146
|
-
.awsui_show-
|
|
1149
|
+
.awsui_show-tools_hyvsj_1f6b4_1067.awsui_has-tools-form_hyvsj_1f6b4_1045:not(#\9) {
|
|
1147
1150
|
display: flex;
|
|
1148
1151
|
flex-direction: column;
|
|
1149
1152
|
gap: var(--space-xs-zb16t3, 8px);
|
|
1150
1153
|
}
|
|
1151
|
-
.awsui_show-
|
|
1152
|
-
animation:
|
|
1154
|
+
.awsui_show-tools_hyvsj_1f6b4_1067.awsui_has-tools-form_hyvsj_1f6b4_1045.awsui_animating_hyvsj_1f6b4_738:not(#\9) {
|
|
1155
|
+
animation: awsui_showButtons_hyvsj_1f6b4_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1153
1156
|
}
|
|
1154
1157
|
}
|
|
1155
1158
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1156
|
-
.awsui_show-
|
|
1159
|
+
.awsui_show-tools_hyvsj_1f6b4_1067.awsui_has-tools-form_hyvsj_1f6b4_1045.awsui_animating_hyvsj_1f6b4_738:not(#\9) {
|
|
1157
1160
|
animation: none;
|
|
1158
1161
|
transition: none;
|
|
1159
1162
|
}
|
|
1160
1163
|
}
|
|
1161
1164
|
@media (min-width: 689px) {
|
|
1162
|
-
.awsui-motion-disabled .awsui_show-
|
|
1165
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_1f6b4_1067.awsui_has-tools-form_hyvsj_1f6b4_1045.awsui_animating_hyvsj_1f6b4_738:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_1f6b4_1067.awsui_has-tools-form_hyvsj_1f6b4_1045.awsui_animating_hyvsj_1f6b4_738:not(#\9) {
|
|
1163
1166
|
animation: none;
|
|
1164
1167
|
transition: none;
|
|
1165
1168
|
}
|
|
1166
|
-
.awsui_show-
|
|
1169
|
+
.awsui_show-tools_hyvsj_1f6b4_1067.awsui_has-tools-form-persistence_hyvsj_1f6b4_1045:not(#\9) {
|
|
1167
1170
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1168
1171
|
z-index: 1;
|
|
1169
1172
|
}
|
|
@@ -1173,7 +1176,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1173
1176
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1174
1177
|
SPDX-License-Identifier: Apache-2.0
|
|
1175
1178
|
*/
|
|
1176
|
-
.awsui_trigger-badge-
|
|
1179
|
+
.awsui_trigger-badge-wrapper_hyvsj_1f6b4_1127:not(#\9) {
|
|
1177
1180
|
background: var(--color-background-layout-toggle-default-lmdlhy, #192534);
|
|
1178
1181
|
border-radius: 50%;
|
|
1179
1182
|
height: var(--space-layout-toggle-diameter-x54u6y, 40px);
|
|
@@ -1186,10 +1189,10 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1186
1189
|
align-items: center;
|
|
1187
1190
|
clip-path: path("M38.0215 11.3161C37.1068 11.7545 36.0821 12 35 12C31.134 12 28 8.86599 28 5C28 3.91794 28.2455 2.89322 28.6839 1.97851C26.0575 0.710652 23.1118 0 20 0C8.9543 0 0 8.9543 0 20C0 31.0457 8.9543 40 20 40C31.0457 40 40 31.0457 40 20C40 16.8882 39.2893 13.9425 38.0215 11.3161Z");
|
|
1188
1191
|
}
|
|
1189
|
-
.awsui_trigger-badge-
|
|
1192
|
+
.awsui_trigger-badge-wrapper_hyvsj_1f6b4_1127:not(#\9):hover {
|
|
1190
1193
|
background: var(--color-background-layout-toggle-hover-ho9150, #354150);
|
|
1191
1194
|
}
|
|
1192
|
-
.awsui_trigger-badge-
|
|
1195
|
+
.awsui_trigger-badge-wrapper_hyvsj_1f6b4_1127:not(#\9):active {
|
|
1193
1196
|
background: var(--color-background-layout-toggle-active-robi8g, #354150);
|
|
1194
1197
|
}
|
|
1195
1198
|
|
|
@@ -1198,7 +1201,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1198
1201
|
the calculation used to determine the Split Panel maximum width in the
|
|
1199
1202
|
handleSplitPanelMaxWidth function in the context.
|
|
1200
1203
|
*/
|
|
1201
|
-
.
|
|
1204
|
+
.awsui_trigger_hyvsj_1f6b4_1127:not(#\9) {
|
|
1202
1205
|
background: var(--color-background-layout-toggle-default-lmdlhy, #192534);
|
|
1203
1206
|
border-radius: 50%;
|
|
1204
1207
|
height: var(--space-layout-toggle-diameter-x54u6y, 40px);
|
|
@@ -1210,20 +1213,20 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1210
1213
|
pointer-events: auto;
|
|
1211
1214
|
position: relative;
|
|
1212
1215
|
}
|
|
1213
|
-
.
|
|
1216
|
+
.awsui_trigger_hyvsj_1f6b4_1127:not(#\9):hover {
|
|
1214
1217
|
background: var(--color-background-layout-toggle-hover-ho9150, #354150);
|
|
1215
1218
|
}
|
|
1216
|
-
.
|
|
1219
|
+
.awsui_trigger_hyvsj_1f6b4_1127:not(#\9):active {
|
|
1217
1220
|
background: var(--color-background-layout-toggle-active-robi8g, #354150);
|
|
1218
1221
|
}
|
|
1219
|
-
body[data-awsui-focus-visible=true] .
|
|
1222
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1f6b4_1127:not(#\9):focus {
|
|
1220
1223
|
position: relative;
|
|
1221
1224
|
}
|
|
1222
|
-
body[data-awsui-focus-visible=true] .
|
|
1225
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1f6b4_1127:not(#\9):focus {
|
|
1223
1226
|
outline: 2px dotted transparent;
|
|
1224
1227
|
outline-offset: calc(3px - 1px);
|
|
1225
1228
|
}
|
|
1226
|
-
body[data-awsui-focus-visible=true] .
|
|
1229
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1f6b4_1127:not(#\9):focus::before {
|
|
1227
1230
|
content: " ";
|
|
1228
1231
|
display: block;
|
|
1229
1232
|
position: absolute;
|
|
@@ -1234,40 +1237,40 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_ae7i0_1124:not(#\9):foc
|
|
|
1234
1237
|
border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
1235
1238
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
1236
1239
|
}
|
|
1237
|
-
.
|
|
1240
|
+
.awsui_trigger_hyvsj_1f6b4_1127:not(#\9):focus {
|
|
1238
1241
|
outline: none;
|
|
1239
1242
|
}
|
|
1240
|
-
.
|
|
1243
|
+
.awsui_trigger_hyvsj_1f6b4_1127.awsui_selected_hyvsj_1f6b4_1191:not(#\9) {
|
|
1241
1244
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1242
1245
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1243
1246
|
}
|
|
1244
|
-
.
|
|
1247
|
+
.awsui_trigger_hyvsj_1f6b4_1127.awsui_selected_hyvsj_1f6b4_1191:not(#\9):hover {
|
|
1245
1248
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1246
1249
|
}
|
|
1247
|
-
.
|
|
1250
|
+
.awsui_trigger_hyvsj_1f6b4_1127.awsui_selected_hyvsj_1f6b4_1191:not(#\9):active {
|
|
1248
1251
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1249
1252
|
}
|
|
1250
|
-
.
|
|
1253
|
+
.awsui_trigger_hyvsj_1f6b4_1127.awsui_selected_hyvsj_1f6b4_1191 > .awsui_trigger-badge-wrapper_hyvsj_1f6b4_1127:not(#\9) {
|
|
1251
1254
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1252
1255
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1253
1256
|
}
|
|
1254
|
-
.
|
|
1257
|
+
.awsui_trigger_hyvsj_1f6b4_1127.awsui_selected_hyvsj_1f6b4_1191 > .awsui_trigger-badge-wrapper_hyvsj_1f6b4_1127:not(#\9):hover {
|
|
1255
1258
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1256
1259
|
}
|
|
1257
|
-
.
|
|
1260
|
+
.awsui_trigger_hyvsj_1f6b4_1127.awsui_selected_hyvsj_1f6b4_1191 > .awsui_trigger-badge-wrapper_hyvsj_1f6b4_1127:not(#\9):active {
|
|
1258
1261
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1259
1262
|
}
|
|
1260
|
-
.
|
|
1263
|
+
.awsui_trigger_hyvsj_1f6b4_1127.awsui_badge_hyvsj_1f6b4_1211:not(#\9), .awsui_trigger_hyvsj_1f6b4_1127.awsui_badge_hyvsj_1f6b4_1211:not(#\9):hover, .awsui_trigger_hyvsj_1f6b4_1127.awsui_badge_hyvsj_1f6b4_1211:not(#\9):active {
|
|
1261
1264
|
background: transparent;
|
|
1262
1265
|
}
|
|
1263
1266
|
|
|
1264
|
-
.awsui_trigger-
|
|
1267
|
+
.awsui_trigger-wrapper_hyvsj_1f6b4_1215:not(#\9) {
|
|
1265
1268
|
position: relative;
|
|
1266
1269
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1267
1270
|
border-radius: 50%;
|
|
1268
1271
|
}
|
|
1269
1272
|
|
|
1270
|
-
.
|
|
1273
|
+
.awsui_dot_hyvsj_1f6b4_1221:not(#\9) {
|
|
1271
1274
|
position: absolute;
|
|
1272
1275
|
width: 10px;
|
|
1273
1276
|
height: 10px;
|