@cloudscape-design/components 3.0.172 → 3.0.174
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 +2 -0
- package/app-layout/content-wrapper/index.d.ts.map +1 -1
- package/app-layout/content-wrapper/index.js +2 -2
- package/app-layout/content-wrapper/index.js.map +1 -1
- package/app-layout/content-wrapper/styles.css.js +3 -2
- package/app-layout/content-wrapper/styles.scoped.css +26 -2
- package/app-layout/content-wrapper/styles.selectors.js +3 -2
- package/app-layout/defaults.d.ts.map +1 -1
- package/app-layout/defaults.js +1 -0
- package/app-layout/defaults.js.map +1 -1
- package/app-layout/drawer.d.ts +0 -1
- package/app-layout/drawer.d.ts.map +1 -1
- package/app-layout/drawer.js.map +1 -1
- package/app-layout/index.d.ts.map +1 -1
- package/app-layout/index.js +24 -17
- package/app-layout/index.js.map +1 -1
- package/app-layout/interfaces.d.ts +1 -1
- package/app-layout/interfaces.d.ts.map +1 -1
- package/app-layout/interfaces.js.map +1 -1
- package/app-layout/toggles/index.js +1 -1
- package/app-layout/toggles/index.js.map +1 -1
- package/app-layout/tools-and-split-panel.d.ts.map +1 -1
- package/app-layout/tools-and-split-panel.js +1 -1
- package/app-layout/tools-and-split-panel.js.map +1 -1
- package/app-layout/visual-refresh/app-bar.js +1 -1
- package/app-layout/visual-refresh/app-bar.js.map +1 -1
- package/app-layout/visual-refresh/context.d.ts +4 -0
- package/app-layout/visual-refresh/context.d.ts.map +1 -1
- package/app-layout/visual-refresh/context.js +13 -8
- package/app-layout/visual-refresh/context.js.map +1 -1
- package/app-layout/visual-refresh/layout.js +8 -8
- package/app-layout/visual-refresh/layout.js.map +1 -1
- package/app-layout/visual-refresh/main.js +2 -2
- package/app-layout/visual-refresh/main.js.map +1 -1
- package/app-layout/visual-refresh/navigation.d.ts.map +1 -1
- package/app-layout/visual-refresh/navigation.js +1 -1
- package/app-layout/visual-refresh/navigation.js.map +1 -1
- package/app-layout/visual-refresh/split-panel.d.ts.map +1 -1
- package/app-layout/visual-refresh/split-panel.js +3 -5
- package/app-layout/visual-refresh/split-panel.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +60 -60
- package/app-layout/visual-refresh/styles.scoped.css +164 -160
- package/app-layout/visual-refresh/styles.selectors.js +60 -60
- package/app-layout/visual-refresh/tools.d.ts.map +1 -1
- package/app-layout/visual-refresh/tools.js +6 -8
- package/app-layout/visual-refresh/tools.js.map +1 -1
- package/internal/context/split-panel-context.d.ts +5 -2
- package/internal/context/split-panel-context.d.ts.map +1 -1
- package/internal/context/split-panel-context.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/split-panel/index.d.ts +1 -1
- package/split-panel/index.d.ts.map +1 -1
- package/split-panel/index.js +11 -8
- package/split-panel/index.js.map +1 -1
- package/split-panel/interfaces.d.ts +4 -0
- package/split-panel/interfaces.d.ts.map +1 -1
- package/split-panel/interfaces.js.map +1 -1
|
@@ -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_geabg_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_ecp2y_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_geabg_93 > .awsui_appbar-nav_hyvsj_geabg_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_geabg_93 > .awsui_breadcrumbs_hyvsj_geabg_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_geabg_93 > .awsui_appbar-tools_hyvsj_geabg_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_geabg_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_ecp2y_93 > .awsui_appbar-tools_hyvsj_ecp2y_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_geabg_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_geabg_166) {
|
|
167
167
|
display: none;
|
|
168
168
|
}
|
|
169
|
-
section.
|
|
170
|
-
section.
|
|
169
|
+
section.awsui_appbar_hyvsj_geabg_93 > .awsui_appbar-nav_hyvsj_geabg_117:not(#\9),
|
|
170
|
+
section.awsui_appbar_hyvsj_geabg_93 > .awsui_appbar-tools_hyvsj_geabg_125:not(#\9) {
|
|
171
171
|
display: none;
|
|
172
172
|
}
|
|
173
|
-
section.
|
|
173
|
+
section.awsui_appbar_hyvsj_geabg_93 > .awsui_breadcrumbs_hyvsj_geabg_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_geabg_173) {
|
|
174
174
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
175
175
|
}
|
|
176
|
-
section.
|
|
176
|
+
section.awsui_appbar_hyvsj_geabg_93 > .awsui_breadcrumbs_hyvsj_geabg_121.awsui_has-notifications-content_hyvsj_geabg_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_geabg_93 > .awsui_breadcrumbs_hyvsj_geabg_121:not(#\9):not(.awsui_has-header_hyvsj_geabg_179):not(.awsui_has-dynamic-overlap-height_hyvsj_geabg_179),
|
|
180
|
+
section.awsui_appbar_hyvsj_geabg_93 > .awsui_breadcrumbs_hyvsj_geabg_121:not(#\9):not(.awsui_has-header_hyvsj_geabg_179).awsui_content-type-wizard_hyvsj_geabg_180 {
|
|
181
181
|
padding-bottom: var(--space-m-17eucw, 16px);
|
|
182
182
|
}
|
|
183
|
-
section.
|
|
184
|
-
section.
|
|
183
|
+
section.awsui_appbar_hyvsj_geabg_93 > .awsui_breadcrumbs_hyvsj_geabg_121.awsui_content-type-cards_hyvsj_geabg_183:not(#\9),
|
|
184
|
+
section.awsui_appbar_hyvsj_geabg_93 > .awsui_breadcrumbs_hyvsj_geabg_121.awsui_content-type-table_hyvsj_geabg_184:not(#\9) {
|
|
185
185
|
padding-bottom: var(--space-xxs-ynfts5, 4px);
|
|
186
186
|
}
|
|
187
|
-
section.
|
|
187
|
+
section.awsui_appbar_hyvsj_geabg_93 > .awsui_breadcrumbs_hyvsj_geabg_121.awsui_has-sticky-background_hyvsj_geabg_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_geabg_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_ecp2y_93 > .awsui_appbar-tools_hyvsj_ecp2y_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_geabg_93 > .awsui_appbar-nav_hyvsj_geabg_117:not(#\9),
|
|
209
|
+
section.awsui_appbar_hyvsj_geabg_93 > .awsui_appbar-tools_hyvsj_geabg_125:not(#\9) {
|
|
210
210
|
display: block;
|
|
211
211
|
}
|
|
212
|
-
section.
|
|
212
|
+
section.awsui_appbar_hyvsj_geabg_93 > .awsui_breadcrumbs_hyvsj_geabg_121:not(#\9) {
|
|
213
213
|
padding: 0;
|
|
214
214
|
}
|
|
215
215
|
}
|
|
@@ -218,10 +218,10 @@ section.awsui_appbar_hyvsj_ecp2y_93 > .awsui_appbar-tools_hyvsj_ecp2y_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_geabg_221:not(#\9) {
|
|
222
222
|
display: contents;
|
|
223
223
|
}
|
|
224
|
-
div.
|
|
224
|
+
div.awsui_background_hyvsj_geabg_221 > .awsui_notifications-appbar-header_hyvsj_geabg_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;
|
|
@@ -233,13 +233,13 @@ div.awsui_background_hyvsj_ecp2y_221 > .awsui_notifications-appbar-header_hyvsj_
|
|
|
233
233
|
*/
|
|
234
234
|
}
|
|
235
235
|
@media (min-width: 689px) {
|
|
236
|
-
div.
|
|
236
|
+
div.awsui_background_hyvsj_geabg_221 > .awsui_notifications-appbar-header_hyvsj_geabg_224.awsui_has-sticky-background_hyvsj_geabg_187.awsui_has-notifications-content_hyvsj_geabg_173.awsui_sticky-notifications_hyvsj_geabg_236:not(#\9) {
|
|
237
237
|
position: sticky;
|
|
238
238
|
top: var(--awsui-offset-top-5mks97);
|
|
239
239
|
z-index: 799;
|
|
240
240
|
}
|
|
241
241
|
}
|
|
242
|
-
div.
|
|
242
|
+
div.awsui_background_hyvsj_geabg_221 > .awsui_overlap_hyvsj_geabg_242:not(#\9) {
|
|
243
243
|
background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
|
|
244
244
|
grid-column: 1/span 5;
|
|
245
245
|
grid-row: 4;
|
|
@@ -251,7 +251,7 @@ div.awsui_background_hyvsj_ecp2y_221 > .awsui_overlap_hyvsj_ecp2y_242:not(#\9) {
|
|
|
251
251
|
*/
|
|
252
252
|
}
|
|
253
253
|
@media (min-width: 689px) {
|
|
254
|
-
div.
|
|
254
|
+
div.awsui_background_hyvsj_geabg_221 > .awsui_overlap_hyvsj_geabg_242.awsui_has-sticky-background_hyvsj_geabg_187:not(#\9) {
|
|
255
255
|
position: sticky;
|
|
256
256
|
top: var(--awsui-offset-top-with-notifications-5mks97);
|
|
257
257
|
z-index: 799;
|
|
@@ -262,13 +262,13 @@ div.awsui_background_hyvsj_ecp2y_221 > .awsui_overlap_hyvsj_ecp2y_242:not(#\9) {
|
|
|
262
262
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
263
263
|
SPDX-License-Identifier: Apache-2.0
|
|
264
264
|
*/
|
|
265
|
-
header.
|
|
265
|
+
header.awsui_content_hyvsj_geabg_180:not(#\9) {
|
|
266
266
|
grid-column: 3;
|
|
267
267
|
grid-row: 3;
|
|
268
268
|
padding-bottom: var(--space-content-header-padding-bottom-nvqytg, 24px);
|
|
269
269
|
}
|
|
270
270
|
@media (min-width: 689px) {
|
|
271
|
-
header.
|
|
271
|
+
header.awsui_content_hyvsj_geabg_180:not(#\9) {
|
|
272
272
|
/*
|
|
273
273
|
If Notifications exist and Breadcrumbs do not then Notifications
|
|
274
274
|
is the previous adjacent sibling to the Header. Add minimal top padding
|
|
@@ -286,29 +286,33 @@ header.awsui_content_hyvsj_ecp2y_180:not(#\9) {
|
|
|
286
286
|
circular buttons.
|
|
287
287
|
*/
|
|
288
288
|
}
|
|
289
|
-
header.
|
|
289
|
+
header.awsui_content_hyvsj_geabg_180.awsui_has-notifications-content_hyvsj_geabg_173:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_geabg_166) {
|
|
290
290
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
291
291
|
}
|
|
292
|
-
header.
|
|
292
|
+
header.awsui_content_hyvsj_geabg_180.awsui_has-breadcrumbs_hyvsj_geabg_166:not(#\9) {
|
|
293
293
|
padding-top: var(--space-xxs-ynfts5, 4px);
|
|
294
294
|
}
|
|
295
|
-
header.
|
|
295
|
+
header.awsui_content_hyvsj_geabg_180:not(#\9):not(.awsui_has-notifications-content_hyvsj_geabg_173):not(.awsui_has-breadcrumbs_hyvsj_geabg_166) {
|
|
296
296
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
297
297
|
}
|
|
298
298
|
}
|
|
299
299
|
@media (max-width: 688px) {
|
|
300
|
-
header.
|
|
300
|
+
header.awsui_content_hyvsj_geabg_180:not(#\9) {
|
|
301
301
|
padding: var(--space-m-17eucw, 16px) 0 var(--space-content-header-padding-bottom-nvqytg, 24px);
|
|
302
302
|
/*
|
|
303
303
|
Breadcrumbs has moved to first position and sticky so Notifications
|
|
304
304
|
are now the previous adjacent sibling if they exist.
|
|
305
305
|
*/
|
|
306
306
|
}
|
|
307
|
-
header.
|
|
307
|
+
header.awsui_content_hyvsj_geabg_180.awsui_has-notifications-content_hyvsj_geabg_173:not(#\9) {
|
|
308
308
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
309
309
|
}
|
|
310
310
|
}
|
|
311
311
|
|
|
312
|
+
/*
|
|
313
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
314
|
+
SPDX-License-Identifier: Apache-2.0
|
|
315
|
+
*/
|
|
312
316
|
/*
|
|
313
317
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
314
318
|
SPDX-License-Identifier: Apache-2.0
|
|
@@ -326,7 +330,7 @@ header.awsui_content_hyvsj_ecp2y_180:not(#\9) {
|
|
|
326
330
|
circumstances regardless of whether the minContentWidth property is
|
|
327
331
|
explicitly set in script.
|
|
328
332
|
*/
|
|
329
|
-
.
|
|
333
|
+
.awsui_layout_hyvsj_geabg_333:not(#\9) {
|
|
330
334
|
--awsui-content-gap-left-5mks97: 0px;
|
|
331
335
|
--awsui-content-gap-right-5mks97: 0px;
|
|
332
336
|
--awsui-content-height-5mks97: calc(100vh - var(--awsui-header-height-5mks97) - var(--awsui-footer-height-5mks97));
|
|
@@ -353,11 +357,11 @@ header.awsui_content_hyvsj_ecp2y_180:not(#\9) {
|
|
|
353
357
|
subsequently set the has-max-content-width data attribute to true.
|
|
354
358
|
*/
|
|
355
359
|
/*
|
|
356
|
-
Warning! This is a hack! We are implementing a short term fix to prevent the
|
|
357
|
-
tools drawer from potentially getting pushed off screen. Currently there is no
|
|
358
|
-
protection against a navigationWidth, minContentWidth, and toolsWidth that are
|
|
359
|
-
in excess ove the available space in the viewport. To accomodate this we remove
|
|
360
|
-
the minContentWidth and set it to zero in small viewports and below until the
|
|
360
|
+
Warning! This is a hack! We are implementing a short term fix to prevent the
|
|
361
|
+
tools drawer from potentially getting pushed off screen. Currently there is no
|
|
362
|
+
protection against a navigationWidth, minContentWidth, and toolsWidth that are
|
|
363
|
+
in excess ove the available space in the viewport. To accomodate this we remove
|
|
364
|
+
the minContentWidth and set it to zero in small viewports and below until the
|
|
361
365
|
isMobile breakpoint sets the drawers to overlay at 100vw.
|
|
362
366
|
*/
|
|
363
367
|
/*
|
|
@@ -390,93 +394,93 @@ header.awsui_content_hyvsj_ecp2y_180:not(#\9) {
|
|
|
390
394
|
and some additional vertical space for aesthetics.
|
|
391
395
|
*/
|
|
392
396
|
/*
|
|
393
|
-
In desktop viewports the content gap property for the left and right
|
|
394
|
-
columns should override the default of zero if the navigationHide
|
|
397
|
+
In desktop viewports the content gap property for the left and right
|
|
398
|
+
columns should override the default of zero if the navigationHide
|
|
395
399
|
or toolsHide property is set. This ensures adequate horizontal space
|
|
396
|
-
for the center column from the edges of the viewport when there is
|
|
400
|
+
for the center column from the edges of the viewport when there is
|
|
397
401
|
not left or right content.
|
|
398
402
|
|
|
399
|
-
Warning! If these design tokens change it will adversely impact the
|
|
400
|
-
calculation used to determine the Split Panel maximum width in the
|
|
403
|
+
Warning! If these design tokens change it will adversely impact the
|
|
404
|
+
calculation used to determine the Split Panel maximum width in the
|
|
401
405
|
handleSplitPanelMaxWidth function in the context.
|
|
402
406
|
*/
|
|
403
407
|
/*
|
|
404
408
|
In mobile viewports the Navigation and Tools drawers are hidden
|
|
405
409
|
and triggered by the AppBar which then take up the entire viewport.
|
|
406
|
-
The center column needs permanent space from the horizontal viewport
|
|
407
|
-
edges regardless of whether or not there is a Navigation or Tools.
|
|
410
|
+
The center column needs permanent space from the horizontal viewport
|
|
411
|
+
edges regardless of whether or not there is a Navigation or Tools.
|
|
408
412
|
*/
|
|
409
413
|
}
|
|
410
414
|
@media (min-width: 1401px) {
|
|
411
|
-
.
|
|
415
|
+
.awsui_layout_hyvsj_geabg_333:not(#\9):not(.awsui_has-max-content-width_hyvsj_geabg_415) {
|
|
412
416
|
--awsui-default-max-content-width-5mks97: 1280px;
|
|
413
417
|
}
|
|
414
418
|
}
|
|
415
419
|
@media (min-width: 1921px) {
|
|
416
|
-
.
|
|
420
|
+
.awsui_layout_hyvsj_geabg_333:not(#\9):not(.awsui_has-max-content-width_hyvsj_geabg_415) {
|
|
417
421
|
--awsui-default-max-content-width-5mks97: 1440px;
|
|
418
422
|
}
|
|
419
423
|
}
|
|
420
424
|
@media (min-width: 2541px) {
|
|
421
|
-
.
|
|
425
|
+
.awsui_layout_hyvsj_geabg_333:not(#\9):not(.awsui_has-max-content-width_hyvsj_geabg_415) {
|
|
422
426
|
--awsui-default-max-content-width-5mks97: 1620px;
|
|
423
427
|
}
|
|
424
428
|
}
|
|
425
|
-
.
|
|
429
|
+
.awsui_layout_hyvsj_geabg_333.awsui_has-max-content-width_hyvsj_geabg_415:not(#\9) {
|
|
426
430
|
--awsui-default-max-content-width-5mks97: var(--awsui-max-content-width-5mks97);
|
|
427
431
|
}
|
|
428
432
|
@media (min-width: 993px) {
|
|
429
|
-
.
|
|
433
|
+
.awsui_layout_hyvsj_geabg_333:not(#\9) {
|
|
430
434
|
--awsui-default-min-content-width-5mks97: var(--awsui-min-content-width-5mks97, 280px);
|
|
431
435
|
}
|
|
432
436
|
}
|
|
433
437
|
@media (max-width: 992px) {
|
|
434
|
-
.
|
|
438
|
+
.awsui_layout_hyvsj_geabg_333:not(#\9) {
|
|
435
439
|
--awsui-default-min-content-width-5mks97: 0px;
|
|
436
440
|
}
|
|
437
441
|
}
|
|
438
|
-
.
|
|
442
|
+
.awsui_layout_hyvsj_geabg_333.awsui_is-overlap-disabled_hyvsj_geabg_442:not(#\9) {
|
|
439
443
|
--awsui-overlap-height-5mks97: 0;
|
|
440
444
|
}
|
|
441
|
-
.
|
|
445
|
+
.awsui_layout_hyvsj_geabg_333:not(#\9):not(.awsui_disable-body-scroll_hyvsj_geabg_445) {
|
|
442
446
|
--awsui-offset-top-5mks97: var(--awsui-header-height-5mks97);
|
|
443
447
|
min-height: var(--awsui-content-height-5mks97);
|
|
444
448
|
}
|
|
445
|
-
.
|
|
449
|
+
.awsui_layout_hyvsj_geabg_333:not(#\9):not(.awsui_disable-body-scroll_hyvsj_geabg_445):not(.awsui_has-sticky-notifications_hyvsj_geabg_449) {
|
|
446
450
|
--awsui-offset-top-with-notifications-5mks97: var(--awsui-header-height-5mks97);
|
|
447
451
|
}
|
|
448
|
-
.
|
|
452
|
+
.awsui_layout_hyvsj_geabg_333:not(#\9):not(.awsui_disable-body-scroll_hyvsj_geabg_445).awsui_has-sticky-notifications_hyvsj_geabg_449 {
|
|
449
453
|
--awsui-offset-top-with-notifications-5mks97: calc(
|
|
450
454
|
var(--awsui-header-height-5mks97) + var(--awsui-notifications-height-5mks97) + var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)
|
|
451
455
|
);
|
|
452
456
|
}
|
|
453
|
-
.
|
|
457
|
+
.awsui_layout_hyvsj_geabg_333.awsui_disable-body-scroll_hyvsj_geabg_445:not(#\9) {
|
|
454
458
|
--awsui-offset-top-5mks97: 0px;
|
|
455
459
|
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-5mks97) 1fr auto;
|
|
456
460
|
height: var(--awsui-content-height-5mks97);
|
|
457
461
|
overflow-y: scroll;
|
|
458
462
|
}
|
|
459
|
-
.
|
|
463
|
+
.awsui_layout_hyvsj_geabg_333.awsui_disable-body-scroll_hyvsj_geabg_445.awsui_has-split-panel_hyvsj_geabg_463.awsui_split-panel-position-bottom_hyvsj_geabg_463:not(#\9) {
|
|
460
464
|
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-5mks97) repeat(2, auto);
|
|
461
465
|
}
|
|
462
|
-
.
|
|
466
|
+
.awsui_layout_hyvsj_geabg_333.awsui_disable-body-scroll_hyvsj_geabg_445:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_geabg_449) {
|
|
463
467
|
--awsui-offset-top-with-notifications-5mks97: 0px;
|
|
464
468
|
}
|
|
465
|
-
.
|
|
469
|
+
.awsui_layout_hyvsj_geabg_333.awsui_disable-body-scroll_hyvsj_geabg_445.awsui_has-sticky-notifications_hyvsj_geabg_449:not(#\9) {
|
|
466
470
|
--awsui-offset-top-with-notifications-5mks97: calc(
|
|
467
471
|
var(--awsui-notifications-height-5mks97) + var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px)
|
|
468
472
|
);
|
|
469
473
|
}
|
|
470
474
|
@media (min-width: 689px) {
|
|
471
|
-
.
|
|
475
|
+
.awsui_layout_hyvsj_geabg_333.awsui_has-content-gap-left_hyvsj_geabg_475:not(#\9) {
|
|
472
476
|
--awsui-content-gap-left-5mks97: var(--space-scaled-2x-xxxl-lbp35j, 40px);
|
|
473
477
|
}
|
|
474
|
-
.
|
|
478
|
+
.awsui_layout_hyvsj_geabg_333.awsui_has-content-gap-right_hyvsj_geabg_478:not(#\9) {
|
|
475
479
|
--awsui-content-gap-right-5mks97: var(--space-scaled-2x-xxxl-lbp35j, 40px);
|
|
476
480
|
}
|
|
477
481
|
}
|
|
478
482
|
@media (max-width: 688px) {
|
|
479
|
-
.
|
|
483
|
+
.awsui_layout_hyvsj_geabg_333:not(#\9) {
|
|
480
484
|
--awsui-content-gap-left-5mks97: var(--space-l-4vl6xu, 20px);
|
|
481
485
|
--awsui-content-gap-right-5mks97: var(--space-l-4vl6xu, 20px);
|
|
482
486
|
}
|
|
@@ -484,9 +488,9 @@ header.awsui_content_hyvsj_ecp2y_180:not(#\9) {
|
|
|
484
488
|
|
|
485
489
|
/*
|
|
486
490
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
487
|
-
when the navigation or tools drawers are open in responsive viewports.
|
|
491
|
+
when the navigation or tools drawers are open in responsive viewports.
|
|
488
492
|
*/
|
|
489
|
-
.awsui_block-body-
|
|
493
|
+
.awsui_block-body-scroll_hyvsj_geabg_493:not(#\9) {
|
|
490
494
|
overflow: hidden;
|
|
491
495
|
}
|
|
492
496
|
|
|
@@ -494,7 +498,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
494
498
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
495
499
|
SPDX-License-Identifier: Apache-2.0
|
|
496
500
|
*/
|
|
497
|
-
.
|
|
501
|
+
.awsui_container_hyvsj_geabg_501:not(#\9) {
|
|
498
502
|
grid-column: 3;
|
|
499
503
|
grid-row: 4/span 2;
|
|
500
504
|
padding-bottom: var(--space-layout-content-bottom-kg9l42, 40px);
|
|
@@ -517,23 +521,23 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
517
521
|
under various circumstances.
|
|
518
522
|
*/
|
|
519
523
|
}
|
|
520
|
-
.
|
|
524
|
+
.awsui_container_hyvsj_geabg_501.awsui_has-split-panel_hyvsj_geabg_463.awsui_split-panel-position-bottom_hyvsj_geabg_463:not(#\9) {
|
|
521
525
|
padding-bottom: calc(var(--awsui-split-panel-height-5mks97) + var(--space-layout-content-bottom-kg9l42, 40px));
|
|
522
526
|
}
|
|
523
|
-
.
|
|
527
|
+
.awsui_container_hyvsj_geabg_501.awsui_disable-content-paddings_hyvsj_geabg_527:not(#\9) {
|
|
524
528
|
grid-column: 1/6;
|
|
525
529
|
padding: 0;
|
|
526
530
|
}
|
|
527
531
|
@media (min-width: 689px) {
|
|
528
|
-
.
|
|
532
|
+
.awsui_container_hyvsj_geabg_501.awsui_disable-content-paddings_hyvsj_geabg_527.awsui_is-navigation-open_hyvsj_geabg_532:not(#\9) {
|
|
529
533
|
grid-column-start: 2;
|
|
530
534
|
}
|
|
531
|
-
.
|
|
535
|
+
.awsui_container_hyvsj_geabg_501.awsui_disable-content-paddings_hyvsj_geabg_527.awsui_is-tools-open_hyvsj_geabg_535:not(#\9), .awsui_container_hyvsj_geabg_501.awsui_disable-content-paddings_hyvsj_geabg_527.awsui_is-split-panel-open_hyvsj_geabg_535.awsui_split-panel-position-side_hyvsj_geabg_535:not(#\9) {
|
|
532
536
|
grid-column-end: 5;
|
|
533
537
|
}
|
|
534
538
|
}
|
|
535
539
|
@media (min-width: 689px) {
|
|
536
|
-
.
|
|
540
|
+
.awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527) {
|
|
537
541
|
/*
|
|
538
542
|
Notifications is the previous adjacent sibling to the Main in
|
|
539
543
|
desktop viewports if there are no Breadcrumbs or Header. Use additional
|
|
@@ -548,18 +552,18 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
548
552
|
sibling to the Main which requires no top padding.
|
|
549
553
|
*/
|
|
550
554
|
}
|
|
551
|
-
.
|
|
555
|
+
.awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_content-type-default_hyvsj_geabg_555.awsui_has-notifications-content_hyvsj_geabg_173:not(.awsui_has-breadcrumbs_hyvsj_geabg_166):not(.awsui_has-header_hyvsj_geabg_179):not(.awsui_has-dynamic-overlap-height_hyvsj_geabg_179), .awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_content-type-form_hyvsj_geabg_555.awsui_has-notifications-content_hyvsj_geabg_173:not(.awsui_has-breadcrumbs_hyvsj_geabg_166):not(.awsui_has-header_hyvsj_geabg_179):not(.awsui_has-dynamic-overlap-height_hyvsj_geabg_179) {
|
|
552
556
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
553
557
|
}
|
|
554
|
-
.
|
|
558
|
+
.awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_content-type-default_hyvsj_geabg_555:not(.awsui_has-notifications-content_hyvsj_geabg_173):not(.awsui_has-breadcrumbs_hyvsj_geabg_166):not(.awsui_has-header_hyvsj_geabg_179):not(.awsui_has-dynamic-overlap-height_hyvsj_geabg_179), .awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_content-type-form_hyvsj_geabg_555:not(.awsui_has-notifications-content_hyvsj_geabg_173):not(.awsui_has-breadcrumbs_hyvsj_geabg_166):not(.awsui_has-header_hyvsj_geabg_179):not(.awsui_has-dynamic-overlap-height_hyvsj_geabg_179) {
|
|
555
559
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
556
560
|
}
|
|
557
|
-
.
|
|
561
|
+
.awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_has-header_hyvsj_geabg_179, .awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_has-dynamic-overlap-height_hyvsj_geabg_179 {
|
|
558
562
|
padding-top: 0;
|
|
559
563
|
}
|
|
560
564
|
}
|
|
561
565
|
@media (max-width: 688px) {
|
|
562
|
-
.
|
|
566
|
+
.awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527) {
|
|
563
567
|
/*
|
|
564
568
|
If the Notifications exist but the Header does not then the
|
|
565
569
|
Notifications is the previous adjacent sibling to the Main
|
|
@@ -574,22 +578,22 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
574
578
|
sibling to the Main which requires no top padding.
|
|
575
579
|
*/
|
|
576
580
|
}
|
|
577
|
-
.
|
|
581
|
+
.awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_content-type-default_hyvsj_geabg_555.awsui_has-notifications-content_hyvsj_geabg_173:not(.awsui_has-header_hyvsj_geabg_179):not(.awsui_has-dynamic-overlap-height_hyvsj_geabg_179), .awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_content-type-form_hyvsj_geabg_555.awsui_has-notifications-content_hyvsj_geabg_173:not(.awsui_has-header_hyvsj_geabg_179):not(.awsui_has-dynamic-overlap-height_hyvsj_geabg_179) {
|
|
578
582
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
579
583
|
}
|
|
580
|
-
.
|
|
584
|
+
.awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_content-type-default_hyvsj_geabg_555:not(.awsui_has-notifications-content_hyvsj_geabg_173):not(.awsui_has-header_hyvsj_geabg_179):not(.awsui_has-dynamic-overlap-height_hyvsj_geabg_179), .awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_content-type-form_hyvsj_geabg_555:not(.awsui_has-notifications-content_hyvsj_geabg_173):not(.awsui_has-header_hyvsj_geabg_179):not(.awsui_has-dynamic-overlap-height_hyvsj_geabg_179) {
|
|
581
585
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
582
586
|
}
|
|
583
|
-
.
|
|
587
|
+
.awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_has-header_hyvsj_geabg_179, .awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_has-dynamic-overlap-height_hyvsj_geabg_179 {
|
|
584
588
|
padding-top: 0;
|
|
585
589
|
}
|
|
586
590
|
}
|
|
587
|
-
.
|
|
591
|
+
.awsui_container_hyvsj_geabg_501.awsui_content-type-cards_hyvsj_geabg_183:not(#\9), .awsui_container_hyvsj_geabg_501.awsui_content-type-table_hyvsj_geabg_184:not(#\9), .awsui_container_hyvsj_geabg_501.awsui_content-type-wizard_hyvsj_geabg_180:not(#\9) {
|
|
588
592
|
padding-top: 0;
|
|
589
593
|
}
|
|
590
594
|
|
|
591
595
|
/* stylelint-disable-next-line selector-max-universal, selector-combinator-disallowed-list */
|
|
592
|
-
.
|
|
596
|
+
.awsui_unfocusable_hyvsj_geabg_596 *:not(#\9) {
|
|
593
597
|
visibility: hidden !important;
|
|
594
598
|
}
|
|
595
599
|
|
|
@@ -597,7 +601,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
597
601
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
598
602
|
SPDX-License-Identifier: Apache-2.0
|
|
599
603
|
*/
|
|
600
|
-
.awsui_navigation-
|
|
604
|
+
.awsui_navigation-container_hyvsj_geabg_604:not(#\9) {
|
|
601
605
|
--awsui-navigation-width-5mks97: 280px;
|
|
602
606
|
display: flex;
|
|
603
607
|
grid-column: 1;
|
|
@@ -619,12 +623,12 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
619
623
|
pointer-events: none;
|
|
620
624
|
}
|
|
621
625
|
@media (min-width: 2541px) {
|
|
622
|
-
.awsui_navigation-
|
|
626
|
+
.awsui_navigation-container_hyvsj_geabg_604:not(#\9) {
|
|
623
627
|
--awsui-navigation-width-5mks97: 320px;
|
|
624
628
|
}
|
|
625
629
|
}
|
|
626
630
|
@media (max-width: 688px) {
|
|
627
|
-
.awsui_navigation-
|
|
631
|
+
.awsui_navigation-container_hyvsj_geabg_604:not(#\9) {
|
|
628
632
|
left: 0;
|
|
629
633
|
position: fixed;
|
|
630
634
|
top: var(--awsui-offset-top-5mks97);
|
|
@@ -632,14 +636,14 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
632
636
|
}
|
|
633
637
|
}
|
|
634
638
|
|
|
635
|
-
nav.awsui_show-
|
|
639
|
+
nav.awsui_show-navigation_hyvsj_geabg_639:not(#\9) {
|
|
636
640
|
padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
|
|
637
641
|
/*
|
|
638
642
|
Apply the animation only in desktop viewports because the AppBar will
|
|
639
643
|
take control in responsive viewports.
|
|
640
644
|
*/
|
|
641
645
|
}
|
|
642
|
-
@keyframes
|
|
646
|
+
@keyframes awsui_showButtons_hyvsj_geabg_1 {
|
|
643
647
|
0% {
|
|
644
648
|
opacity: 0;
|
|
645
649
|
}
|
|
@@ -647,31 +651,31 @@ nav.awsui_show-navigation_hyvsj_ecp2y_635:not(#\9) {
|
|
|
647
651
|
opacity: 1;
|
|
648
652
|
}
|
|
649
653
|
}
|
|
650
|
-
nav.awsui_show-
|
|
654
|
+
nav.awsui_show-navigation_hyvsj_geabg_639.awsui_is-navigation-open_hyvsj_geabg_532:not(#\9) {
|
|
651
655
|
display: none;
|
|
652
656
|
}
|
|
653
657
|
@media (min-width: 689px) {
|
|
654
|
-
nav.awsui_show-
|
|
658
|
+
nav.awsui_show-navigation_hyvsj_geabg_639:not(#\9):not(.awsui_is-navigation-open_hyvsj_geabg_532) {
|
|
655
659
|
display: block;
|
|
656
660
|
}
|
|
657
|
-
nav.awsui_show-
|
|
658
|
-
animation:
|
|
661
|
+
nav.awsui_show-navigation_hyvsj_geabg_639:not(#\9):not(.awsui_is-navigation-open_hyvsj_geabg_532).awsui_animating_hyvsj_geabg_661 {
|
|
662
|
+
animation: awsui_showButtons_hyvsj_geabg_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
659
663
|
}
|
|
660
664
|
}
|
|
661
665
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
662
|
-
nav.awsui_show-
|
|
666
|
+
nav.awsui_show-navigation_hyvsj_geabg_639:not(#\9):not(.awsui_is-navigation-open_hyvsj_geabg_532).awsui_animating_hyvsj_geabg_661 {
|
|
663
667
|
animation: none;
|
|
664
668
|
transition: none;
|
|
665
669
|
}
|
|
666
670
|
}
|
|
667
671
|
@media (min-width: 689px) {
|
|
668
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
672
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_geabg_639:not(#\9):not(.awsui_is-navigation-open_hyvsj_geabg_532).awsui_animating_hyvsj_geabg_661, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_geabg_639:not(#\9):not(.awsui_is-navigation-open_hyvsj_geabg_532).awsui_animating_hyvsj_geabg_661 {
|
|
669
673
|
animation: none;
|
|
670
674
|
transition: none;
|
|
671
675
|
}
|
|
672
676
|
}
|
|
673
677
|
|
|
674
|
-
nav.
|
|
678
|
+
nav.awsui_navigation_hyvsj_geabg_604:not(#\9) {
|
|
675
679
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
676
680
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
677
681
|
bottom: 0;
|
|
@@ -688,7 +692,7 @@ nav.awsui_navigation_hyvsj_ecp2y_600:not(#\9) {
|
|
|
688
692
|
prevent unwanted text wrapping.
|
|
689
693
|
*/
|
|
690
694
|
}
|
|
691
|
-
@keyframes
|
|
695
|
+
@keyframes awsui_openNavigation_hyvsj_geabg_1 {
|
|
692
696
|
from {
|
|
693
697
|
opacity: 0;
|
|
694
698
|
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
@@ -698,33 +702,33 @@ nav.awsui_navigation_hyvsj_ecp2y_600:not(#\9) {
|
|
|
698
702
|
width: var(--awsui-navigation-width-5mks97);
|
|
699
703
|
}
|
|
700
704
|
}
|
|
701
|
-
nav.
|
|
705
|
+
nav.awsui_navigation_hyvsj_geabg_604:not(#\9):not(.awsui_is-navigation-open_hyvsj_geabg_532) {
|
|
702
706
|
width: 0;
|
|
703
707
|
display: none;
|
|
704
708
|
}
|
|
705
|
-
nav.
|
|
706
|
-
animation:
|
|
709
|
+
nav.awsui_navigation_hyvsj_geabg_604.awsui_is-navigation-open_hyvsj_geabg_532.awsui_animating_hyvsj_geabg_661:not(#\9) {
|
|
710
|
+
animation: awsui_openNavigation_hyvsj_geabg_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
707
711
|
}
|
|
708
712
|
@media (prefers-reduced-motion: reduce) {
|
|
709
|
-
nav.
|
|
713
|
+
nav.awsui_navigation_hyvsj_geabg_604.awsui_is-navigation-open_hyvsj_geabg_532.awsui_animating_hyvsj_geabg_661:not(#\9) {
|
|
710
714
|
animation: none;
|
|
711
715
|
transition: none;
|
|
712
716
|
}
|
|
713
717
|
}
|
|
714
|
-
.awsui-motion-disabled nav.
|
|
718
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_geabg_604.awsui_is-navigation-open_hyvsj_geabg_532.awsui_animating_hyvsj_geabg_661:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_geabg_604.awsui_is-navigation-open_hyvsj_geabg_532.awsui_animating_hyvsj_geabg_661:not(#\9) {
|
|
715
719
|
animation: none;
|
|
716
720
|
transition: none;
|
|
717
721
|
}
|
|
718
|
-
nav.
|
|
722
|
+
nav.awsui_navigation_hyvsj_geabg_604 > .awsui_animated-content_hyvsj_geabg_722:not(#\9) {
|
|
719
723
|
width: var(--awsui-navigation-width-5mks97);
|
|
720
724
|
}
|
|
721
725
|
@media (max-width: 688px) {
|
|
722
|
-
nav.
|
|
726
|
+
nav.awsui_navigation_hyvsj_geabg_604:not(#\9) {
|
|
723
727
|
--awsui-navigation-width-5mks97: 100vw;
|
|
724
728
|
}
|
|
725
729
|
}
|
|
726
730
|
|
|
727
|
-
.awsui_hide-
|
|
731
|
+
.awsui_hide-navigation_hyvsj_geabg_731:not(#\9) {
|
|
728
732
|
position: absolute;
|
|
729
733
|
right: var(--space-m-17eucw, 16px);
|
|
730
734
|
top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
|
|
@@ -734,7 +738,7 @@ nav.awsui_navigation_hyvsj_ecp2y_600 > .awsui_animated-content_hyvsj_ecp2y_718:n
|
|
|
734
738
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
735
739
|
SPDX-License-Identifier: Apache-2.0
|
|
736
740
|
*/
|
|
737
|
-
.
|
|
741
|
+
.awsui_notifications_hyvsj_geabg_224:not(#\9) {
|
|
738
742
|
grid-column: 3;
|
|
739
743
|
grid-row: 1;
|
|
740
744
|
z-index: 825;
|
|
@@ -751,30 +755,30 @@ nav.awsui_navigation_hyvsj_ecp2y_600 > .awsui_animated-content_hyvsj_ecp2y_718:n
|
|
|
751
755
|
*/
|
|
752
756
|
}
|
|
753
757
|
@media (min-width: 689px) {
|
|
754
|
-
.
|
|
758
|
+
.awsui_notifications_hyvsj_geabg_224:not(#\9) {
|
|
755
759
|
margin: var(--space-xs-rsr2qu, 8px) 0;
|
|
756
760
|
/*
|
|
757
761
|
var(--space-xs-rsr2qu, 8px) token needs to align with the $offsetTopWithNotifications
|
|
758
762
|
calculation in the layout CSS.
|
|
759
763
|
*/
|
|
760
764
|
}
|
|
761
|
-
.
|
|
765
|
+
.awsui_notifications_hyvsj_geabg_224.awsui_sticky-notifications_hyvsj_geabg_236:not(#\9) {
|
|
762
766
|
position: sticky;
|
|
763
767
|
top: calc(var(--awsui-offset-top-5mks97) + var(--space-xs-rsr2qu, 8px));
|
|
764
768
|
}
|
|
765
|
-
.
|
|
769
|
+
.awsui_notifications_hyvsj_geabg_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_geabg_173) {
|
|
766
770
|
margin: 0;
|
|
767
771
|
}
|
|
768
772
|
}
|
|
769
773
|
@media (max-width: 688px) {
|
|
770
|
-
.
|
|
774
|
+
.awsui_notifications_hyvsj_geabg_224:not(#\9) {
|
|
771
775
|
grid-row: 2;
|
|
772
776
|
margin: var(--space-scaled-s-cu1hzn, 12px) 0;
|
|
773
777
|
}
|
|
774
|
-
.
|
|
778
|
+
.awsui_notifications_hyvsj_geabg_224.awsui_sticky-notifications_hyvsj_geabg_236:not(#\9) {
|
|
775
779
|
position: static;
|
|
776
780
|
}
|
|
777
|
-
.
|
|
781
|
+
.awsui_notifications_hyvsj_geabg_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_geabg_173) {
|
|
778
782
|
margin: 0;
|
|
779
783
|
}
|
|
780
784
|
}
|
|
@@ -789,7 +793,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
789
793
|
consume the remaining vertical space in the grid after the notifications
|
|
790
794
|
and breadcrumbs.
|
|
791
795
|
*/
|
|
792
|
-
section.awsui_split-panel-
|
|
796
|
+
section.awsui_split-panel-bottom_hyvsj_geabg_796:not(#\9) {
|
|
793
797
|
/*
|
|
794
798
|
The align self property will position the split panel at the bottom of the grid row.
|
|
795
799
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -824,7 +828,7 @@ section.awsui_split-panel-bottom_hyvsj_ecp2y_792:not(#\9) {
|
|
|
824
828
|
apply the animation to the height property.
|
|
825
829
|
*/
|
|
826
830
|
}
|
|
827
|
-
@keyframes
|
|
831
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_geabg_1 {
|
|
828
832
|
from {
|
|
829
833
|
height: var(--awsui-split-panel-reported-header-size-5mks97, 0);
|
|
830
834
|
}
|
|
@@ -832,39 +836,39 @@ section.awsui_split-panel-bottom_hyvsj_ecp2y_792:not(#\9) {
|
|
|
832
836
|
height: var(--awsui-split-panel-reported-size-5mks97);
|
|
833
837
|
}
|
|
834
838
|
}
|
|
835
|
-
section.awsui_split-panel-
|
|
839
|
+
section.awsui_split-panel-bottom_hyvsj_geabg_796.awsui_disable-body-scroll_hyvsj_geabg_445:not(#\9) {
|
|
836
840
|
bottom: 0;
|
|
837
841
|
}
|
|
838
|
-
section.awsui_split-panel-
|
|
842
|
+
section.awsui_split-panel-bottom_hyvsj_geabg_796.awsui_is-navigation-open_hyvsj_geabg_532.awsui_position-bottom_hyvsj_geabg_842:not(#\9) {
|
|
839
843
|
grid-column-start: 2;
|
|
840
844
|
}
|
|
841
|
-
section.awsui_split-panel-
|
|
845
|
+
section.awsui_split-panel-bottom_hyvsj_geabg_796.awsui_is-tools-open_hyvsj_geabg_535.awsui_position-bottom_hyvsj_geabg_842:not(#\9) {
|
|
842
846
|
grid-column-end: 5;
|
|
843
847
|
}
|
|
844
|
-
section.awsui_split-panel-
|
|
848
|
+
section.awsui_split-panel-bottom_hyvsj_geabg_796.awsui_position-bottom_hyvsj_geabg_842:not(#\9) {
|
|
845
849
|
display: block;
|
|
846
850
|
}
|
|
847
|
-
section.awsui_split-panel-
|
|
851
|
+
section.awsui_split-panel-bottom_hyvsj_geabg_796:not(#\9):not(.awsui_is-split-panel-open_hyvsj_geabg_535).awsui_position-bottom_hyvsj_geabg_842 {
|
|
848
852
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
849
853
|
}
|
|
850
|
-
section.awsui_split-panel-
|
|
854
|
+
section.awsui_split-panel-bottom_hyvsj_geabg_796.awsui_is-split-panel-open_hyvsj_geabg_535.awsui_position-bottom_hyvsj_geabg_842:not(#\9) {
|
|
851
855
|
box-shadow: var(--shadow-split-bottom-otfetg, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
852
856
|
}
|
|
853
|
-
section.awsui_split-panel-
|
|
854
|
-
animation:
|
|
857
|
+
section.awsui_split-panel-bottom_hyvsj_geabg_796.awsui_is-split-panel-open_hyvsj_geabg_535.awsui_position-bottom_hyvsj_geabg_842.awsui_animating_hyvsj_geabg_661:not(#\9) {
|
|
858
|
+
animation: awsui_openSplitPanelBottom_hyvsj_geabg_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
855
859
|
}
|
|
856
860
|
@media (prefers-reduced-motion: reduce) {
|
|
857
|
-
section.awsui_split-panel-
|
|
861
|
+
section.awsui_split-panel-bottom_hyvsj_geabg_796.awsui_is-split-panel-open_hyvsj_geabg_535.awsui_position-bottom_hyvsj_geabg_842.awsui_animating_hyvsj_geabg_661:not(#\9) {
|
|
858
862
|
animation: none;
|
|
859
863
|
transition: none;
|
|
860
864
|
}
|
|
861
865
|
}
|
|
862
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
866
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_geabg_796.awsui_is-split-panel-open_hyvsj_geabg_535.awsui_position-bottom_hyvsj_geabg_842.awsui_animating_hyvsj_geabg_661:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_geabg_796.awsui_is-split-panel-open_hyvsj_geabg_535.awsui_position-bottom_hyvsj_geabg_842.awsui_animating_hyvsj_geabg_661:not(#\9) {
|
|
863
867
|
animation: none;
|
|
864
868
|
transition: none;
|
|
865
869
|
}
|
|
866
870
|
|
|
867
|
-
section.awsui_split-panel-
|
|
871
|
+
section.awsui_split-panel-side_hyvsj_geabg_871:not(#\9) {
|
|
868
872
|
height: 100%;
|
|
869
873
|
overflow-x: hidden;
|
|
870
874
|
pointer-events: auto;
|
|
@@ -879,7 +883,7 @@ section.awsui_split-panel-side_hyvsj_ecp2y_867:not(#\9) {
|
|
|
879
883
|
prevent unwanted text wrapping.
|
|
880
884
|
*/
|
|
881
885
|
}
|
|
882
|
-
@keyframes
|
|
886
|
+
@keyframes awsui_openSplitPanelSide_hyvsj_geabg_1 {
|
|
883
887
|
from {
|
|
884
888
|
opacity: 0;
|
|
885
889
|
width: var(--awsui-split-panel-min-width-5mks97, 280px);
|
|
@@ -889,28 +893,28 @@ section.awsui_split-panel-side_hyvsj_ecp2y_867:not(#\9) {
|
|
|
889
893
|
width: var(--awsui-split-panel-reported-size-5mks97);
|
|
890
894
|
}
|
|
891
895
|
}
|
|
892
|
-
section.awsui_split-panel-
|
|
896
|
+
section.awsui_split-panel-side_hyvsj_geabg_871:not(#\9):not(.awsui_is-split-panel-open_hyvsj_geabg_535), section.awsui_split-panel-side_hyvsj_geabg_871.awsui_position-bottom_hyvsj_geabg_842:not(#\9) {
|
|
893
897
|
width: 0;
|
|
894
898
|
}
|
|
895
|
-
section.awsui_split-panel-
|
|
899
|
+
section.awsui_split-panel-side_hyvsj_geabg_871.awsui_is-split-panel-open_hyvsj_geabg_535.awsui_position-side_hyvsj_geabg_899:not(#\9) {
|
|
896
900
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
897
901
|
max-width: var(--awsui-split-panel-max-width-5mks97, 280px);
|
|
898
902
|
min-width: var(--awsui-split-panel-min-width-5mks97, 280px);
|
|
899
903
|
}
|
|
900
|
-
section.awsui_split-panel-
|
|
901
|
-
animation:
|
|
904
|
+
section.awsui_split-panel-side_hyvsj_geabg_871.awsui_is-split-panel-open_hyvsj_geabg_535.awsui_position-side_hyvsj_geabg_899.awsui_animating_hyvsj_geabg_661:not(#\9) {
|
|
905
|
+
animation: awsui_openSplitPanelSide_hyvsj_geabg_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
902
906
|
}
|
|
903
907
|
@media (prefers-reduced-motion: reduce) {
|
|
904
|
-
section.awsui_split-panel-
|
|
908
|
+
section.awsui_split-panel-side_hyvsj_geabg_871.awsui_is-split-panel-open_hyvsj_geabg_535.awsui_position-side_hyvsj_geabg_899.awsui_animating_hyvsj_geabg_661:not(#\9) {
|
|
905
909
|
animation: none;
|
|
906
910
|
transition: none;
|
|
907
911
|
}
|
|
908
912
|
}
|
|
909
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
913
|
+
.awsui-motion-disabled section.awsui_split-panel-side_hyvsj_geabg_871.awsui_is-split-panel-open_hyvsj_geabg_535.awsui_position-side_hyvsj_geabg_899.awsui_animating_hyvsj_geabg_661:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_geabg_871.awsui_is-split-panel-open_hyvsj_geabg_535.awsui_position-side_hyvsj_geabg_899.awsui_animating_hyvsj_geabg_661:not(#\9) {
|
|
910
914
|
animation: none;
|
|
911
915
|
transition: none;
|
|
912
916
|
}
|
|
913
|
-
section.awsui_split-panel-
|
|
917
|
+
section.awsui_split-panel-side_hyvsj_geabg_871 > .awsui_animated-content_hyvsj_geabg_722:not(#\9) {
|
|
914
918
|
height: 100%;
|
|
915
919
|
max-width: inherit;
|
|
916
920
|
width: var(--awsui-split-panel-reported-size-5mks97);
|
|
@@ -929,7 +933,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
929
933
|
property. The content gap right is computed in the Layout styles based on the
|
|
930
934
|
viewport size and state of the Tools drawer.
|
|
931
935
|
*/
|
|
932
|
-
.awsui_tools-
|
|
936
|
+
.awsui_tools-container_hyvsj_geabg_936:not(#\9) {
|
|
933
937
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
934
938
|
--awsui-tools-max-width-5mks97: calc(var(--awsui-layout-width-5mks97) - var(--awsui-main-offset-left-5mks97) - var(--awsui-default-min-content-width-5mks97) - var(--awsui-content-gap-right-5mks97));
|
|
935
939
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
@@ -945,12 +949,12 @@ viewport size and state of the Tools drawer.
|
|
|
945
949
|
pointer-events: none;
|
|
946
950
|
}
|
|
947
951
|
@media (min-width: 2541px) {
|
|
948
|
-
.awsui_tools-
|
|
952
|
+
.awsui_tools-container_hyvsj_geabg_936:not(#\9) {
|
|
949
953
|
--awsui-tools-width-5mks97: 360px;
|
|
950
954
|
}
|
|
951
955
|
}
|
|
952
956
|
@media (max-width: 688px) {
|
|
953
|
-
.awsui_tools-
|
|
957
|
+
.awsui_tools-container_hyvsj_geabg_936:not(#\9) {
|
|
954
958
|
--awsui-tools-max-width-5mks97: none;
|
|
955
959
|
--awsui-tools-width-5mks97: auto;
|
|
956
960
|
position: fixed;
|
|
@@ -960,7 +964,7 @@ viewport size and state of the Tools drawer.
|
|
|
960
964
|
}
|
|
961
965
|
}
|
|
962
966
|
|
|
963
|
-
.
|
|
967
|
+
.awsui_tools_hyvsj_geabg_936:not(#\9) {
|
|
964
968
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
965
969
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
966
970
|
flex-shrink: 0;
|
|
@@ -983,7 +987,7 @@ viewport size and state of the Tools drawer.
|
|
|
983
987
|
in the side position.
|
|
984
988
|
*/
|
|
985
989
|
}
|
|
986
|
-
@keyframes
|
|
990
|
+
@keyframes awsui_openTools_hyvsj_geabg_1 {
|
|
987
991
|
from {
|
|
988
992
|
opacity: var(--awsui-tools-animation-starting-opacity-5mks97, 0);
|
|
989
993
|
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
@@ -993,38 +997,38 @@ viewport size and state of the Tools drawer.
|
|
|
993
997
|
width: var(--awsui-tools-width-5mks97);
|
|
994
998
|
}
|
|
995
999
|
}
|
|
996
|
-
.
|
|
1000
|
+
.awsui_tools_hyvsj_geabg_936:not(#\9):not(.awsui_is-tools-open_hyvsj_geabg_535) {
|
|
997
1001
|
width: 0;
|
|
998
1002
|
display: none;
|
|
999
1003
|
}
|
|
1000
|
-
.
|
|
1001
|
-
animation:
|
|
1004
|
+
.awsui_tools_hyvsj_geabg_936.awsui_is-tools-open_hyvsj_geabg_535.awsui_animating_hyvsj_geabg_661:not(#\9) {
|
|
1005
|
+
animation: awsui_openTools_hyvsj_geabg_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1002
1006
|
}
|
|
1003
1007
|
@media (prefers-reduced-motion: reduce) {
|
|
1004
|
-
.
|
|
1008
|
+
.awsui_tools_hyvsj_geabg_936.awsui_is-tools-open_hyvsj_geabg_535.awsui_animating_hyvsj_geabg_661:not(#\9) {
|
|
1005
1009
|
animation: none;
|
|
1006
1010
|
transition: none;
|
|
1007
1011
|
}
|
|
1008
1012
|
}
|
|
1009
|
-
.awsui-motion-disabled .
|
|
1013
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_geabg_936.awsui_is-tools-open_hyvsj_geabg_535.awsui_animating_hyvsj_geabg_661:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_geabg_936.awsui_is-tools-open_hyvsj_geabg_535.awsui_animating_hyvsj_geabg_661:not(#\9) {
|
|
1010
1014
|
animation: none;
|
|
1011
1015
|
transition: none;
|
|
1012
1016
|
}
|
|
1013
|
-
.
|
|
1017
|
+
.awsui_tools_hyvsj_geabg_936 > .awsui_animated-content_hyvsj_geabg_722:not(#\9) {
|
|
1014
1018
|
width: var(--awsui-tools-width-5mks97);
|
|
1015
1019
|
}
|
|
1016
1020
|
@media (min-width: 689px) {
|
|
1017
|
-
.
|
|
1021
|
+
.awsui_tools_hyvsj_geabg_936.awsui_is-tools-open_hyvsj_geabg_535.awsui_has-tools-form-persistence_hyvsj_geabg_1021:not(#\9) {
|
|
1018
1022
|
border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
1019
1023
|
}
|
|
1020
1024
|
}
|
|
1021
1025
|
@media (max-width: 688px) {
|
|
1022
|
-
.
|
|
1026
|
+
.awsui_tools_hyvsj_geabg_936:not(#\9) {
|
|
1023
1027
|
--awsui-tools-width-5mks97: 100vw;
|
|
1024
1028
|
}
|
|
1025
1029
|
}
|
|
1026
1030
|
|
|
1027
|
-
.awsui_hide-
|
|
1031
|
+
.awsui_hide-tools_hyvsj_geabg_1031:not(#\9) {
|
|
1028
1032
|
position: absolute;
|
|
1029
1033
|
right: var(--space-m-17eucw, 16px);
|
|
1030
1034
|
top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
|
|
@@ -1036,7 +1040,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1036
1040
|
the calculation used to determine the Split Panel maximum width in the
|
|
1037
1041
|
handleSplitPanelMaxWidth function in the context.
|
|
1038
1042
|
*/
|
|
1039
|
-
.awsui_show-
|
|
1043
|
+
.awsui_show-tools_hyvsj_geabg_1043:not(#\9) {
|
|
1040
1044
|
box-sizing: border-box;
|
|
1041
1045
|
padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
|
|
1042
1046
|
/*
|
|
@@ -1044,7 +1048,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1044
1048
|
take control in responsive viewports.
|
|
1045
1049
|
*/
|
|
1046
1050
|
}
|
|
1047
|
-
@keyframes
|
|
1051
|
+
@keyframes awsui_showButtons_hyvsj_geabg_1 {
|
|
1048
1052
|
0% {
|
|
1049
1053
|
opacity: 0;
|
|
1050
1054
|
}
|
|
@@ -1052,33 +1056,33 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1052
1056
|
opacity: 1;
|
|
1053
1057
|
}
|
|
1054
1058
|
}
|
|
1055
|
-
.awsui_show-
|
|
1059
|
+
.awsui_show-tools_hyvsj_geabg_1043:not(#\9):not(.awsui_has-tools-form_hyvsj_geabg_1021) {
|
|
1056
1060
|
display: none;
|
|
1057
1061
|
}
|
|
1058
1062
|
@media (min-width: 689px) {
|
|
1059
|
-
.awsui_show-
|
|
1063
|
+
.awsui_show-tools_hyvsj_geabg_1043.awsui_has-tools-form_hyvsj_geabg_1021:not(#\9) {
|
|
1060
1064
|
display: flex;
|
|
1061
1065
|
flex-direction: column;
|
|
1062
1066
|
gap: var(--space-xs-rsr2qu, 8px);
|
|
1063
1067
|
}
|
|
1064
|
-
.awsui_show-
|
|
1065
|
-
animation:
|
|
1068
|
+
.awsui_show-tools_hyvsj_geabg_1043.awsui_has-tools-form_hyvsj_geabg_1021.awsui_animating_hyvsj_geabg_661:not(#\9) {
|
|
1069
|
+
animation: awsui_showButtons_hyvsj_geabg_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1066
1070
|
}
|
|
1067
1071
|
}
|
|
1068
1072
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1069
|
-
.awsui_show-
|
|
1073
|
+
.awsui_show-tools_hyvsj_geabg_1043.awsui_has-tools-form_hyvsj_geabg_1021.awsui_animating_hyvsj_geabg_661:not(#\9) {
|
|
1070
1074
|
animation: none;
|
|
1071
1075
|
transition: none;
|
|
1072
1076
|
}
|
|
1073
1077
|
}
|
|
1074
1078
|
@media (min-width: 689px) {
|
|
1075
|
-
.awsui-motion-disabled .awsui_show-
|
|
1079
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_geabg_1043.awsui_has-tools-form_hyvsj_geabg_1021.awsui_animating_hyvsj_geabg_661:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_geabg_1043.awsui_has-tools-form_hyvsj_geabg_1021.awsui_animating_hyvsj_geabg_661:not(#\9) {
|
|
1076
1080
|
animation: none;
|
|
1077
1081
|
transition: none;
|
|
1078
1082
|
}
|
|
1079
1083
|
}
|
|
1080
1084
|
@media (min-width: 689px) {
|
|
1081
|
-
.awsui_show-
|
|
1085
|
+
.awsui_show-tools_hyvsj_geabg_1043.awsui_has-tools-form-persistence_hyvsj_geabg_1021:not(#\9) {
|
|
1082
1086
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
1083
1087
|
z-index: 1;
|
|
1084
1088
|
}
|
|
@@ -1093,7 +1097,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1093
1097
|
the calculation used to determine the Split Panel maximum width in the
|
|
1094
1098
|
handleSplitPanelMaxWidth function in the context.
|
|
1095
1099
|
*/
|
|
1096
|
-
.
|
|
1100
|
+
.awsui_trigger_hyvsj_geabg_1100:not(#\9) {
|
|
1097
1101
|
background: var(--color-background-layout-toggle-default-f9hnkv, #192534);
|
|
1098
1102
|
border: none;
|
|
1099
1103
|
border-radius: 50%;
|
|
@@ -1105,14 +1109,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1105
1109
|
width: var(--space-layout-toggle-diameter-hzvqtj, 40px);
|
|
1106
1110
|
pointer-events: auto;
|
|
1107
1111
|
}
|
|
1108
|
-
.
|
|
1112
|
+
.awsui_trigger_hyvsj_geabg_1100[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
1109
1113
|
position: relative;
|
|
1110
1114
|
}
|
|
1111
|
-
.
|
|
1115
|
+
.awsui_trigger_hyvsj_geabg_1100[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
1112
1116
|
outline: 2px dotted transparent;
|
|
1113
1117
|
outline-offset: calc(3px - 1px);
|
|
1114
1118
|
}
|
|
1115
|
-
.
|
|
1119
|
+
.awsui_trigger_hyvsj_geabg_1100[data-awsui-focus-visible=true]:not(#\9):focus::before {
|
|
1116
1120
|
content: " ";
|
|
1117
1121
|
display: block;
|
|
1118
1122
|
position: absolute;
|
|
@@ -1123,23 +1127,23 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1123
1127
|
border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
|
|
1124
1128
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
1125
1129
|
}
|
|
1126
|
-
.
|
|
1130
|
+
.awsui_trigger_hyvsj_geabg_1100:not(#\9):focus {
|
|
1127
1131
|
outline: none;
|
|
1128
1132
|
}
|
|
1129
|
-
.
|
|
1133
|
+
.awsui_trigger_hyvsj_geabg_1100:not(#\9):hover {
|
|
1130
1134
|
background: var(--color-background-layout-toggle-hover-gi0e0b, #354150);
|
|
1131
1135
|
}
|
|
1132
|
-
.
|
|
1136
|
+
.awsui_trigger_hyvsj_geabg_1100:not(#\9):active {
|
|
1133
1137
|
background: var(--color-background-layout-toggle-active-d15dki, #354150);
|
|
1134
1138
|
}
|
|
1135
|
-
.
|
|
1139
|
+
.awsui_trigger_hyvsj_geabg_1100.awsui_selected_hyvsj_geabg_1139:not(#\9) {
|
|
1136
1140
|
background: var(--color-background-layout-toggle-selected-default-e1giv3, #0972d3);
|
|
1137
1141
|
color: var(--color-text-layout-toggle-selected-tzwifo, #ffffff);
|
|
1138
1142
|
}
|
|
1139
|
-
.
|
|
1143
|
+
.awsui_trigger_hyvsj_geabg_1100.awsui_selected_hyvsj_geabg_1139:not(#\9):hover {
|
|
1140
1144
|
background: var(--color-background-layout-toggle-selected-hover-mes33s, #065299);
|
|
1141
1145
|
}
|
|
1142
|
-
.
|
|
1146
|
+
.awsui_trigger_hyvsj_geabg_1100.awsui_selected_hyvsj_geabg_1139:not(#\9):active {
|
|
1143
1147
|
background: var(--color-background-layout-toggle-selected-active-9w7pk3, #0972d3);
|
|
1144
1148
|
}
|
|
1145
1149
|
|