mirror of
https://github.com/vercel/commerce.git
synced 2025-07-28 12:41:22 +00:00
.vscode
assets
components
auth
cart
common
Avatar
FeatureBar
Footer
Head
HomeAllProductsGrid
I18nWidget
Layout
Navbar
Searchbar
UserNav
DropdownMenu.module.css
DropdownMenu.tsx
UserNav.module.css
UserNav.tsx
index.ts
index.ts
icons
product
ui
wishlist
config
framework
lib
pages
public
.editorconfig
.env.template
.gitignore
.prettierignore
.prettierrc
README.md
codegen.json
commerce.config.json
global.d.ts
license.md
next-env.d.ts
next.config.js
package.json
postcss.config.js
tailwind.config.js
tsconfig.json
yarn.lock
* userAvatar * Avatar background * Changes * Removing unused dependencies * Count Bag small and for bigger numbers * decresed bundle size
41 lines
776 B
CSS
41 lines
776 B
CSS
.root {
|
|
@apply relative;
|
|
}
|
|
|
|
.list {
|
|
@apply flex flex-row items-center justify-items-end h-full;
|
|
}
|
|
|
|
.item {
|
|
@apply mr-6 cursor-pointer relative transition ease-in-out duration-100 flex items-center outline-none text-primary;
|
|
|
|
&:hover {
|
|
@apply text-accents-6 transition scale-110 duration-100;
|
|
}
|
|
|
|
&:last-child {
|
|
@apply mr-0;
|
|
}
|
|
|
|
&:focus,
|
|
&:active {
|
|
@apply outline-none;
|
|
}
|
|
}
|
|
|
|
.bagCount {
|
|
@apply border border-accents-1 bg-secondary text-secondary absolute rounded-full right-3 top-3 flex items-center justify-center font-bold text-xs;
|
|
padding-left: 2.5px;
|
|
padding-right: 2.5px;
|
|
min-width: 1.25rem;
|
|
min-height: 1.25rem;
|
|
}
|
|
|
|
.avatarButton {
|
|
@apply inline-flex justify-center rounded-full;
|
|
}
|
|
|
|
.avatarButton:focus {
|
|
@apply outline-none;
|
|
}
|