Jordan Vidrine
33 lines
1.1 KiB
SCSS
33 lines
1.1 KiB
SCSS
:root {
|
|
color-scheme: light dark;
|
|
--d-border-radius-large: 20px;
|
|
--d-border-radius: 8px;
|
|
--d-input-border-radius: 6px;
|
|
--accent-text-color: var(--secondary);
|
|
--d-content-background: var(--secondary);
|
|
--d-nav-color--active: var(--accent-color);
|
|
--d-sidebar-background: var(--tertiary-50);
|
|
--d-sidebar-footer-fade: rgba(var(--tertiary-50-rgb), 1);
|
|
--d-sidebar-link-color: var(--primary);
|
|
--d-sidebar-highlight-color: var(--primary);
|
|
--d-sidebar-highlight-background: var(--d-selected);
|
|
--d-sidebar-section-link-icon-size: 1em;
|
|
--d-input-bg-color: var(--d-content-background);
|
|
// --d-sidebar-row-height: 2.8em;
|
|
//the idea is: block spacing can grow with font-size, but inline spacing should not to maintain horizontal (text) alignment
|
|
--spacing-block-xs: 0.25em;
|
|
--spacing-block-s: 0.5em;
|
|
--spacing-block-sm: 0.75em;
|
|
--spacing-block-m: 1em;
|
|
--spacing-block-l: 1.5em;
|
|
--spacing-block-xl: 2em;
|
|
--spacing-block-xxl: 4em;
|
|
--spacing-inline-xs: 0.25em;
|
|
--spacing-inline-s: 0.5rem;
|
|
--spacing-inline-sm: 0.75rem;
|
|
--spacing-inline-m: 1rem;
|
|
--spacing-inline-l: 1.5rem;
|
|
--spacing-inline-xl: 2rem;
|
|
--spacing-inline-xxl: 4rem;
|
|
}
|