@aws-amplify/ui
Version:
`@aws-amplify/ui` contains low-level logic & styles for stand-alone usage or re-use in framework-specific implementations.
56 lines (50 loc) • 1.66 kB
CSS
@layer amplify.components {
.amplify-menu__wrapper {
z-index: 999999;
}
.amplify-menu__trigger {
display: flex;
justify-content: center;
align-items: center;
}
.amplify-menu__content {
background-color: var(--amplify-components-menu-background-color);
border-radius: var(--amplify-components-menu-border-radius);
box-shadow: var(--amplify-components-menu-box-shadow);
flex-direction: var(--amplify-components-menu-flex-direction);
gap: var(--amplify-components-menu-gap);
min-width: var(--amplify-components-menu-min-width);
max-width: var(--amplify-components-menu-max-width);
border-color: var(--amplify-components-menu-border-color);
border-width: var(--amplify-components-menu-border-width);
border-style: var(--amplify-components-menu-border-style);
}
.amplify-menu__content__item {
min-height: var(--amplify-components-menu-item-min-height);
padding-inline-start: var(--amplify-components-menu-item-padding-inline-start);
padding-inline-end: var(--amplify-components-menu-item-padding-inline-end);
}
.amplify-menu__content__item:not(:first-child):not(:last-child) {
border-radius: 0;
}
.amplify-menu__content__item:first-child {
border-end-end-radius: 0;
border-end-start-radius: 0;
}
@supports not (border-end-end-radius: 0) {
.amplify-menu__content__item:first-child {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
}
.amplify-menu__content__item:last-child {
border-start-end-radius: 0;
border-start-start-radius: 0;
}
@supports not (border-end-end-radius: 0) {
.amplify-menu__content__item:last-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
}
}