crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-22 20:26:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

UI Changes

Browse Source
This commit is contained in:
Belen Curcio
2020-10-20 10:31:40 -03:00
parent e2dd854f10
commit 8de36f7301
5 changed files with 11902 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
components/product/Swatch/Swatch.module.css
View File

@@ -1,13 +1,32 @@
.root {
@apply h-12 w-12 bg-primary text-primary rounded-full mr-3 inline-flex
items-center justify-center cursor-pointer transition duration-100 ease-in-out
p-0 shadow-none border-gray-200 border box-border text-black;
p-0 shadow-none border-gray-200 border box-border;
& > span {
@apply absolute;
}
&:hover {
@apply transform scale-110 bg-hover;
}
}
.active.size {
@apply border-accents-9 border-2;
.color {
@apply text-black transition duration-100 ease-in-out;
&:hover {
@apply text-black;
}
&.dark,
&.dark:hover {
color: white !important;
}
}
.root:hover {
@apply transform scale-110 bg-hover;
.active {
&.size {
@apply border-accents-9 border-2;
}
}