60 lines
1.5 KiB
CSS
60 lines
1.5 KiB
CSS
.editor-container {
|
|
--color-placeholder: rgba(var(--color-text-100), 0.5);
|
|
|
|
/* font sizes and line heights */
|
|
&.large-font {
|
|
--font-size-h1: 1.75rem;
|
|
--font-size-h2: 1.5rem;
|
|
--font-size-h3: 1.375rem;
|
|
--font-size-h4: 1.25rem;
|
|
--font-size-h5: 1.125rem;
|
|
--font-size-h6: 1rem;
|
|
--font-size-regular: 1rem;
|
|
--font-size-code: 0.85rem;
|
|
--font-size-list: var(--font-size-regular);
|
|
|
|
--line-height-h1: 2.25rem;
|
|
--line-height-h2: 2rem;
|
|
--line-height-h3: 1.75rem;
|
|
--line-height-h4: 1.5rem;
|
|
--line-height-h5: 1.5rem;
|
|
--line-height-h6: 1.5rem;
|
|
--line-height-regular: 1.5rem;
|
|
--line-height-code: 1.5rem;
|
|
--line-height-list: var(--line-height-regular);
|
|
}
|
|
&.small-font {
|
|
--font-size-h1: 1.4rem;
|
|
--font-size-h2: 1.2rem;
|
|
--font-size-h3: 1.1rem;
|
|
--font-size-h4: 1rem;
|
|
--font-size-h5: 0.9rem;
|
|
--font-size-h6: 0.8rem;
|
|
--font-size-regular: 0.8rem;
|
|
--font-size-code: 0.8rem;
|
|
--font-size-list: var(--font-size-regular);
|
|
|
|
--line-height-h1: 1.8rem;
|
|
--line-height-h2: 1.6rem;
|
|
--line-height-h3: 1.4rem;
|
|
--line-height-h4: 1.2rem;
|
|
--line-height-h5: 1.2rem;
|
|
--line-height-h6: 1.2rem;
|
|
--line-height-regular: 1.2rem;
|
|
--line-height-code: 1.2rem;
|
|
--line-height-list: var(--line-height-regular);
|
|
}
|
|
/* end font sizes and line heights */
|
|
|
|
/* font styles */
|
|
&.sans-serif {
|
|
--font-style: "Inter", sans-serif;
|
|
}
|
|
&.serif {
|
|
--font-style: serif;
|
|
}
|
|
&.monospace {
|
|
--font-style: monospace;
|
|
}
|
|
/* end font styles */
|
|
}
|