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

Export button props, improve styling of swatches

Browse Source
This commit is contained in:
paco
2020-10-08 16:20:27 -06:00
parent a2de6cef2e
commit ccf6074573
6 changed files with 98 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,25 +1,29 @@
.root {
@apply h-12 w-12 bg-white rounded-full mr-3 border border-gray-200 inline-flex items-center justify-center cursor-pointer transition duration-75 ease-in-out;
@apply h-12 w-12 bg-white text-black rounded-full mr-3 inline-flex items-center justify-center cursor-pointer transition duration-75 ease-in-out p-0 shadow-none;
}
.active.size {
@apply border-black;
}
.active,
.root:hover {
@apply border-gray-700;
@apply transform scale-110;
}
.colorViolet {
@apply bg-violet;
@apply bg-violet !important;
}
.colorPink {
@apply bg-pink;
@apply bg-pink !important;
}
.colorBlack {
@apply bg-black;
@apply bg-black !important;
}
.colorWhite,
.size {
@apply bg-white;
@apply bg-white !important;
@apply border border-gray-200;
}