mirror of
https://github.com/vercel/commerce.git
synced 2025-09-18 22:00:17 +00:00
.github
.vscode
packages
site
assets
components
auth
cart
checkout
common
icons
product
ui
Button
Collapse
Container
Dropdown
Dropdown.module.css
Dropdown.tsx
ErrorMessage
Grid
Hero
Input
Link
LoadingDots
Logo
Marquee
Modal
Quantity
Rating
Sidebar
Skeleton
Text
ThemeSwitcher
README.md
context.tsx
index.ts
wishlist
search.tsx
config
lib
pages
public
.env.template
.eslintrc
.gitignore
.npmrc
.prettierignore
.prettierrc
commerce-config.js
commerce.config.json
global.d.ts
next-env.d.ts
next.config.js
package.json
postcss.config.js
tailwind.config.js
tsconfig.json
.editorconfig
.gitignore
.prettierignore
.prettierrc
README.md
license.md
package.json
pnpm-lock.yaml
pnpm-workspace.yaml
turbo.json
172deeee86
* Adding Dropdown Component * Styling Issues * Wishlist Fix * Fixes for Wishlist View * Hearts now work again * Rollback ts * Removing extra config to disable BigCommerce * Fixes for Wishlist View * Remove transition/animation for mobile * New Updates. * New Updates. * Dropdown fix * Polish * export * export * revert tsconfig Co-authored-by: Luis Alvarez D. <luis@vercel.com> Co-authored-by: Dom Sip <dom@vercel.com> Co-authored-by: Luis Alvarez D. <luis@vercel.com>
33 lines
694 B
CSS
33 lines
694 B
CSS
.root {
|
|
@apply bg-accent-0;
|
|
animation: none;
|
|
transition: none;
|
|
min-width: 100%;
|
|
}
|
|
|
|
@media screen(lg) {
|
|
.root {
|
|
@apply bg-accent-0;
|
|
box-shadow: hsl(206 22% 7% / 45%) 0px 10px 38px -10px,
|
|
hsl(206 22% 7% / 20%) 0px 10px 20px -15px;
|
|
min-width: 14rem;
|
|
will-change: transform, opacity;
|
|
animation-duration: 600ms;
|
|
animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
|
|
animation-fill-mode: forwards;
|
|
transform-origin: var(--radix-dropdown-menu-content-transform-origin);
|
|
animation-name: slideIn;
|
|
}
|
|
}
|
|
|
|
@keyframes slideIn {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translateY(2px);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: translateY(0px);
|
|
}
|
|
}
|