Clean some styles

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
This commit is contained in:
Charles de Dreuille
2025-01-14 18:39:42 +00:00
parent 9bba821374
commit b211e7f264
2 changed files with 2 additions and 102 deletions
+1 -41
View File
@@ -5656,7 +5656,7 @@
}
}
[data-theme="light"] {
:root {
--canon-font-regular: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--canon-font-monospace: ui-monospace, "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;
--canon-font-weight-regular: 400;
@@ -5714,46 +5714,6 @@
}
[data-theme="dark"] {
--canon-font-regular: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--canon-font-monospace: ui-monospace, "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;
--canon-font-weight-regular: 400;
--canon-font-weight-bold: 600;
--canon-font-size-label: .625rem;
--canon-font-size-caption: .75rem;
--canon-font-size-body: .875rem;
--canon-font-size-subtitle: 1rem;
--canon-font-size-title5: 1.25rem;
--canon-font-size-title4: 1.5rem;
--canon-font-size-title3: 2rem;
--canon-font-size-title2: 3rem;
--canon-font-size-title1: 4rem;
--canon-font-size-display: 5.75rem;
--canon-space: .25rem;
--canon-space-0_5: calc(var(--canon-space) * .5);
--canon-space-1: var(--canon-space);
--canon-space-1_5: calc(var(--canon-space) * 1.5);
--canon-space-2: calc(var(--canon-space) * 2);
--canon-space-3: calc(var(--canon-space) * 3);
--canon-space-4: calc(var(--canon-space) * 4);
--canon-space-5: calc(var(--canon-space) * 5);
--canon-space-6: calc(var(--canon-space) * 6);
--canon-space-7: calc(var(--canon-space) * 7);
--canon-space-8: calc(var(--canon-space) * 8);
--canon-space-9: calc(var(--canon-space) * 9);
--canon-space-10: calc(var(--canon-space) * 10);
--canon-space-11: calc(var(--canon-space) * 11);
--canon-space-12: calc(var(--canon-space) * 12);
--canon-space-13: calc(var(--canon-space) * 13);
--canon-space-14: calc(var(--canon-space) * 14);
--canon-border-radius-2xs: .125rem;
--canon-border-radius-xs: .25rem;
--canon-border-radius-sm: .5rem;
--canon-border-radius-md: .75rem;
--canon-border-radius-lg: 1rem;
--canon-border-radius-xl: 1.25rem;
--canon-border-radius-2xl: 1.5rem;
--canon-container-max-width: 1200px;
--canon-container-padding: 1rem;
--canon-accent: #fff;
--canon-background: #000;
--canon-surface-1: #121212;
+1 -61
View File
@@ -20,7 +20,7 @@
/* Light theme tokens */
[data-theme='light'] {
:root {
/* Font families */
--canon-font-regular: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
@@ -45,7 +45,6 @@
--canon-font-size-display: 5.75rem; /* 92px */
/* Spacing */
/* This is the spacing multiplier */
--canon-space: 0.25rem; /* 4px */
@@ -105,65 +104,6 @@
/* Dark theme tokens */
[data-theme='dark'] {
/* Font families */
--canon-font-regular: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
'Segoe UI Symbol', 'Noto Color Emoji';
--canon-font-monospace: ui-monospace, 'Menlo', 'Monaco', 'Consolas',
'Liberation Mono', 'Courier New', monospace;
/* Font weights */
--canon-font-weight-regular: 400;
--canon-font-weight-bold: 600;
/* Font sizes */
--canon-font-size-label: 0.625rem; /* 10px */
--canon-font-size-caption: 0.75rem; /* 12px */
--canon-font-size-body: 0.875rem; /* 14px */
--canon-font-size-subtitle: 1rem; /* 16px */
--canon-font-size-title5: 1.25rem; /* 20px */
--canon-font-size-title4: 1.5rem; /* 24px */
--canon-font-size-title3: 2rem; /* 32px */
--canon-font-size-title2: 3rem; /* 48px */
--canon-font-size-title1: 4rem; /* 64px */
--canon-font-size-display: 5.75rem; /* 92px */
/* Spacing */
/* This is the spacing multiplier */
--canon-space: 0.25rem; /* 4px */
/* These are the spacing scale */
--canon-space-0_5: calc(var(--canon-space) * 0.5); /* 2px */
--canon-space-1: var(--canon-space); /* 4px */
--canon-space-1_5: calc(var(--canon-space) * 1.5); /* 6px */
--canon-space-2: calc(var(--canon-space) * 2); /* 8px */
--canon-space-3: calc(var(--canon-space) * 3); /* 12px */
--canon-space-4: calc(var(--canon-space) * 4); /* 16px */
--canon-space-5: calc(var(--canon-space) * 5); /* 20px */
--canon-space-6: calc(var(--canon-space) * 6); /* 24px */
--canon-space-7: calc(var(--canon-space) * 7); /* 28px */
--canon-space-8: calc(var(--canon-space) * 8); /* 32px */
--canon-space-9: calc(var(--canon-space) * 9); /* 36px */
--canon-space-10: calc(var(--canon-space) * 10); /* 40px */
--canon-space-11: calc(var(--canon-space) * 11); /* 44px */
--canon-space-12: calc(var(--canon-space) * 12); /* 48px */
--canon-space-13: calc(var(--canon-space) * 13); /* 52px */
--canon-space-14: calc(var(--canon-space) * 14); /* 56px */
/* Border radius */
--canon-border-radius-2xs: 0.125rem; /* 2px */
--canon-border-radius-xs: 0.25rem; /* 4px */
--canon-border-radius-sm: 0.5rem; /* 8px */
--canon-border-radius-md: 0.75rem; /* 12px */
--canon-border-radius-lg: 1rem; /* 16px */
--canon-border-radius-xl: 1.25rem; /* 20px */
--canon-border-radius-2xl: 1.5rem; /* 24px */
/* Container */
--canon-container-max-width: 1200px;
--canon-container-padding: 1rem;
/* Colors */
--canon-accent: #fff;
--canon-background: #000;