mirror of
https://github.com/vercel/commerce.git
synced 2025-05-19 16:07:01 +00:00
081a9a54a7
Added trailing commas object literals in normalize util. Added null checks for product and cart item normalization methods. Formatted the code with prettier config. Separated the nested functions in groupProductOptionsByAttributeLabel
130 lines
2.4 KiB
CSS
130 lines
2.4 KiB
CSS
:root {
|
|
--primary: #ffffff;
|
|
--primary-2: #f1f3f5;
|
|
--secondary: #000000;
|
|
--secondary-2: #111;
|
|
--selection: var(--cyan);
|
|
|
|
--text-base: #000000;
|
|
--text-primary: #000000;
|
|
--text-secondary: white;
|
|
|
|
--hover: rgba(0, 0, 0, 0.075);
|
|
--hover-1: rgba(0, 0, 0, 0.15);
|
|
--hover-2: rgba(0, 0, 0, 0.25);
|
|
--cyan: #22b8cf;
|
|
--green: #37b679;
|
|
--red: #da3c3c;
|
|
--pink: #e64980;
|
|
--purple: #f81ce5;
|
|
--blue: #0070f3;
|
|
--violet: #5f3dc4;
|
|
--violet-light: #7048e8;
|
|
--accents-0: #f8f9fa;
|
|
--accents-1: #f1f3f5;
|
|
--accents-2: #e9ecef;
|
|
--accents-3: #dee2e6;
|
|
--accents-4: #ced4da;
|
|
--accents-5: #adb5bd;
|
|
--accents-6: #868e96;
|
|
--accents-7: #495057;
|
|
--accents-8: #343a40;
|
|
--accents-9: #212529;
|
|
--font-sans: -apple-system, system-ui, BlinkMacSystemFont, 'Helvetica Neue',
|
|
'Helvetica', sans-serif;
|
|
}
|
|
|
|
[data-theme='dark'] {
|
|
--primary: #000000;
|
|
--primary-2: #111;
|
|
--secondary: #ffffff;
|
|
--secondary-2: #f1f3f5;
|
|
--hover: rgba(255, 255, 255, 0.075);
|
|
--hover-1: rgba(255, 255, 255, 0.15);
|
|
--hover-2: rgba(255, 255, 255, 0.25);
|
|
--selection: var(--purple);
|
|
|
|
--text-base: white;
|
|
--text-primary: white;
|
|
--text-secondary: black;
|
|
|
|
--accents-0: #212529;
|
|
--accents-1: #343a40;
|
|
--accents-2: #495057;
|
|
--accents-3: #868e96;
|
|
--accents-4: #adb5bd;
|
|
--accents-5: #ced4da;
|
|
--accents-6: #dee2e6;
|
|
--accents-7: #e9ecef;
|
|
--accents-8: #f1f3f5;
|
|
--accents-9: #f8f9fa;
|
|
}
|
|
|
|
*,
|
|
*:before,
|
|
*:after {
|
|
box-sizing: inherit;
|
|
}
|
|
|
|
html {
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
touch-action: manipulation;
|
|
font-feature-settings: 'case' 1, 'rlig' 1, 'calt' 0;
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
font-family: var(--font-sans);
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
background-color: var(--primary);
|
|
color: var(--text-primary);
|
|
}
|
|
|
|
body {
|
|
position: relative;
|
|
min-height: 100%;
|
|
margin: 0;
|
|
}
|
|
|
|
a {
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
.animated {
|
|
-webkit-animation-duration: 1s;
|
|
animation-duration: 1s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
}
|
|
|
|
.fadeIn {
|
|
-webkit-animation-name: fadeIn;
|
|
animation-name: fadeIn;
|
|
}
|
|
|
|
@-webkit-keyframes fadeIn {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes fadeIn {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|