mirror of
https://github.com/vercel/commerce.git
synced 2025-03-26 23:44:33 +00:00
78cc378a72
* Custom Checkout Progress * Updates to Checkout * Custom Checkout Progress * Adding tabs * Adding Collapse * Adding Collapse * Improving Sidebar Scroll * Modif footer * Changes * More design updates * sidebar cart * More design updates * More design updates * More design updates * More design updates * Types * Types * Design Updates * More changes * More changes * More changes * Changes * Changes * Changes * New tailwind required changes * Sidebar Styling issues with Mobile * Latest changes - Normalizing cart * Styling Fixes * New changes * Changes * latest * Refactor and Renaming some UI Props * Adding Quantity Component * Adding Rating Component * Rating Component * More updates * User Select disabled, plus hidding horizontal scroll bars * Changes * Adding ProductOptions Component and more helpers * Styling updates * Styling updates * Fix for slim tags * Missmatch with RightArrow * Footer updates and some styles * Latest Updates * Latest Updates * Latest Updates * Removing Portal, since it's not needed. We might add it later I'd rather not to. * Removing Portal, since it's not needed. We might add it later I'd rather not to. * Sam backdrop filter * General UI Improvements * General UI Improvements * Search now with Geist Colors * Now with Geist Colors * Changes * Scroll for Mobile on IOs devises * LoadingDots Working (: * Changes * More Changes * Perf changes * More perf changes * Fade to the Nametags in the ProductCard * changes * Search issue ui * Search issue ui * Make sure to only refresh navbar and modals when required * Index revalidate * Fixed image issue * hide album scroll on windows * Fix scrollbar * Changing * Adding 404 with Layout * Removing Toast * Adding Assets * Adding Assets * Progress with LocalProvider * New productTag * Only images for the drop * changes * Empty SWRhooks * Adding Local Provider * Working local * Working view of a LocalProvider * More updates * Changes * Removed react-ticker * default to local if no env available * default to local if no env available * add missing `@` to css import * rewrite search rewrites to multiple pages * allow requests in getStaticProps to execute in parallel * make type import explicit * add a tsconfig.js file * use local provider in tsconfig.js * avoid a circular dependency * Saleor was not in the providers list * avoid circular dependency in bigcommerce * Adding more to the Local Provider (#366) * Adding more data * Adding more data * optimize assets (#370) * Optimize assets (#372) * optimize assets * remove assets * remove assets * cart enabled * Adding saleor * Changes with Webpack * Changes Co-authored-by: Luis Alvarez <luis@vercel.com> Co-authored-by: Tobias Koppers <tobias.koppers@googlemail.com> Co-authored-by: Shu Ding <g@shud.in>
55 lines
1017 B
CSS
55 lines
1017 B
CSS
.swatch {
|
|
box-sizing: border-box;
|
|
composes: root from '@components/ui/Button/Button.module.css';
|
|
@apply h-10 w-10 bg-primary text-primary rounded-full mr-3 inline-flex
|
|
items-center justify-center cursor-pointer transition duration-150 ease-in-out
|
|
p-0 shadow-none border-accent-3 border box-border select-none;
|
|
margin-right: calc(0.75rem - 1px);
|
|
overflow: hidden;
|
|
width: 48px;
|
|
height: 48px;
|
|
}
|
|
|
|
.swatch::before,
|
|
.swatch::after {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.swatch:hover {
|
|
@apply transform scale-110 bg-hover;
|
|
}
|
|
|
|
.swatch > span {
|
|
@apply absolute;
|
|
}
|
|
|
|
.color {
|
|
@apply text-black transition duration-150 ease-in-out;
|
|
}
|
|
|
|
.color :hover {
|
|
@apply text-black;
|
|
}
|
|
|
|
.color.dark,
|
|
.color.dark:hover {
|
|
color: white !important;
|
|
}
|
|
|
|
.active {
|
|
@apply border-accent-9 border-2;
|
|
padding-right: 1px;
|
|
padding-left: 1px;
|
|
}
|
|
|
|
.textLabel {
|
|
@apply w-auto px-4;
|
|
min-width: 3rem;
|
|
}
|
|
|
|
.active.textLabel {
|
|
@apply border-accent-9 border-2;
|
|
padding-right: calc(1rem - 1px);
|
|
padding-left: calc(1rem - 1px);
|
|
}
|