commerce/components/ui/Sidebar/Sidebar.module.css
Federico Joel Orlandau 61d075daf1
Improve a11y on the cart and sidebar (#411)
* Improve a11y on the cart

* Fix button style

* Remove extra space

* Move cart item count to the right position

Co-authored-by: Luis Alvarez D <luis@vercel.com>
2021-09-07 14:14:28 -05:00

15 lines
391 B
CSS

.root {
@apply fixed inset-0 h-full z-50 box-border outline-none;
}
.sidebar {
@apply h-full flex flex-col text-base bg-accent-0 shadow-xl overflow-y-auto overflow-x-hidden;
-webkit-overflow-scrolling: touch !important;
}
.backdrop {
@apply absolute inset-0 bg-black bg-opacity-40 duration-100 ease-linear;
backdrop-filter: blur(0.8px);
-webkit-backdrop-filter: blur(0.8px);
}