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

Base layout

Browse Source
This commit is contained in:
Jonatan Schultz
2021-08-24 18:08:35 +02:00
parent 55a261a890
commit 60da0bf0ba
5 changed files with 37 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
assets/base.css
View File

@@ -1,35 +1,25 @@
:root {
--primary: #ffffff;
--primary-2: #f1f3f5;
--primary-2: #f4f4f4;
--secondary: #000000;
--secondary-2: #111;
--selection: var(--cyan);
--selection: var(--red);
--text-base: #000000;
--text-primary: #000000;
--text-secondary: white;
--text-secondary: #ffffff;
--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;
--purple: #f81ce5;
--blue: #0070f3;
--pink: #ff0080;
--pink-light: #ff379c;
--magenta: #eb367f;
--violet: #7928ca;
--violet-dark: #4c2889;
--red: #fc3f1d;
--blue: #4628f0;
--yellow: #fab413;
--accent-0: #fff;
--accent-1: #fafafa;
--accent-2: #eaeaea;
--accent-3: #999999;
--accent-3: #b4afaf;
--accent-4: #888888;
--accent-5: #666666;
--accent-6: #444444;
@@ -37,34 +27,16 @@
--accent-8: #111111;
--accent-9: #000;
--font-sans: -apple-system, system-ui, BlinkMacSystemFont, 'Helvetica Neue',
'Helvetica', sans-serif;
}
--font-sans: 'Inter', 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;
--accent-9: #fff;
--accent-8: #fafafa;
--accent-7: #eaeaea;
--accent-6: #999999;
--accent-5: #888888;
--accent-4: #666666;
--accent-3: #444444;
--accent-2: #333333;
--accent-1: #111111;
--accent-0: #000;
--cyan: #22b8cf;
--green: #37b679;
--purple: #f81ce5;
--pink: #ff0080;
--pink-light: #ff379c;
--magenta: #eb367f;
--violet: #7928ca;
--violet-dark: #4c2889;
}
*,
@@ -80,6 +52,12 @@ html {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
@apply text-html;
}
@screen lg {
html {
@apply text-html-lg;
}
}
html,