mirror of
https://github.com/makeplane/plane.git
synced 2026-04-26 01:58:36 -05:00
Lakhan Baheti
7e62c60748
* chore: variable editor line spacing * chore: variable list spacing --------- Co-authored-by: Aaryan Khandelwal <aaryankhandu123@gmail.com>
105 lines
2.9 KiB
CSS
105 lines
2.9 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 */
|
|
|
|
/* spacing */
|
|
&.line-spacing-regular {
|
|
--heading-1-padding-top: 28px;
|
|
--heading-1-padding-bottom: 4px;
|
|
--heading-2-padding-top: 28px;
|
|
--heading-2-padding-bottom: 4px;
|
|
--heading-3-padding-top: 28px;
|
|
--heading-3-padding-bottom: 4px;
|
|
--heading-4-padding-top: 28px;
|
|
--heading-4-padding-bottom: 4px;
|
|
--heading-5-padding-top: 20px;
|
|
--heading-5-padding-bottom: 4px;
|
|
--heading-6-padding-top: 20px;
|
|
--heading-6-padding-bottom: 4px;
|
|
--paragraph-padding-top: 4px;
|
|
--paragraph-padding-bottom: 4px;
|
|
--paragraph-padding-between: 8px;
|
|
--list-spacing-y: 8px;
|
|
--divider-padding-top: 4px;
|
|
--divider-padding-bottom: 4px;
|
|
}
|
|
|
|
&.line-spacing-small {
|
|
--heading-1-padding-top: 16px;
|
|
--heading-1-padding-bottom: 4px;
|
|
--heading-2-padding-top: 16px;
|
|
--heading-2-padding-bottom: 4px;
|
|
--heading-3-padding-top: 16px;
|
|
--heading-3-padding-bottom: 4px;
|
|
--heading-4-padding-top: 16px;
|
|
--heading-4-padding-bottom: 4px;
|
|
--heading-5-padding-top: 12px;
|
|
--heading-5-padding-bottom: 4px;
|
|
--heading-6-padding-top: 12px;
|
|
--heading-6-padding-bottom: 4px;
|
|
--paragraph-padding-top: 2px;
|
|
--paragraph-padding-bottom: 2px;
|
|
--paragraph-padding-between: 4px;
|
|
--list-spacing-y: 0px;
|
|
--divider-padding-top: 0px;
|
|
--divider-padding-bottom: 4px;
|
|
}
|
|
/* end spacing */
|
|
}
|