dragonwocky/notion-enhancer
1
0
Fork 0
mirror of https://github.com/notion-enhancer/notion-enhancer.git synced 2025-04-06 05:29:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Tweaking readability in text-blocks by adding new variables (#156)

Browse Source 
add line-height and margin-top variables for text-block (see #155)
This commit is contained in:
Alejandro Romano 2020-10-12 17:04:43 -03:00 committed by GitHub
parent 01bc88a783
commit a580315593
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 17 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
mods/core/css/theme.css
View File

@ -192,6 +192,13 @@
font-size: var(--theme--font_sidebar-size) !important; font-size: var(--theme--font_sidebar-size) !important;
} }
/** text-block readability **/
.notion-selectable.notion-text-block {
line-height: var(--theme--text-block_line-height) !important;
margin-top: var(--theme--text-block_margin-top) !important;
}
/** databases **/ /** databases **/
.notion-body.dark [style*='background: rgb(63, 68, 71)'], .notion-body.dark [style*='background: rgb(63, 68, 71)'],

10
mods/core/css/variables.css
View File

@ -46,6 +46,9 @@
--theme_dark--font_code-size: 0.796875em; --theme_dark--font_code-size: 0.796875em;
--theme_dark--font_sidebar-size: 14px; --theme_dark--font_sidebar-size: 14px;
--theme_dark--text-block_line-height: 1.5;
--theme_dark--text-block_margin-top: 1px;
--theme_dark--scrollbar: #505457; --theme_dark--scrollbar: #505457;
--theme_dark--scrollbar-border: transparent; --theme_dark--scrollbar-border: transparent;
--theme_dark--scrollbar_hover: #696d6f; --theme_dark--scrollbar_hover: #696d6f;
@ -227,6 +230,9 @@
--theme_light--font_code-size: 0.796875em; --theme_light--font_code-size: 0.796875em;
--theme_light--font_sidebar-size: 14px; --theme_light--font_sidebar-size: 14px;
--theme_light--text-block_line-height: 1.5;
--theme_light--text-block_margin-top: 1px;
--theme_light--scrollbar: #d9d8d6; --theme_light--scrollbar: #d9d8d6;
--theme_light--scrollbar-border: #cacac8; --theme_light--scrollbar-border: #cacac8;
--theme_light--scrollbar_hover: #cacac8; --theme_light--scrollbar_hover: #cacac8;
@ -399,6 +405,8 @@
--theme--font_body-size_small: var(--theme_dark--font_body-size_small); --theme--font_body-size_small: var(--theme_dark--font_body-size_small);
--theme--font_code-size: var(--theme_dark--font_code-size); --theme--font_code-size: var(--theme_dark--font_code-size);
--theme--font_sidebar-size: var(--theme_dark--font_sidebar-size); --theme--font_sidebar-size: var(--theme_dark--font_sidebar-size);
--theme--text-block_line-height: var(--theme_dark--text-block_line-height);
--theme--text-block_margin-top: var(--theme_dark--text-block_margin-top);
--theme--scrollbar: var(--theme_dark--scrollbar); --theme--scrollbar: var(--theme_dark--scrollbar);
--theme--scrollbar-border: var(--theme_dark--scrollbar-border); --theme--scrollbar-border: var(--theme_dark--scrollbar-border);
--theme--scrollbar_hover: var(--theme_dark--scrollbar_hover); --theme--scrollbar_hover: var(--theme_dark--scrollbar_hover);
@ -563,6 +571,8 @@
--theme--font_body-size_small: var(--theme_light--font_body-size_small); --theme--font_body-size_small: var(--theme_light--font_body-size_small);
--theme--font_code-size: var(--theme_light--font_code-size); --theme--font_code-size: var(--theme_light--font_code-size);
--theme--font_sidebar-size: var(--theme_light--font_sidebar-size); --theme--font_sidebar-size: var(--theme_light--font_sidebar-size);
--theme--text-block_line-height: var(--theme_light--text-block_line-height);
--theme--text-block_margin-top: var(--theme_light--text-block_margin-top);
--theme--scrollbar: var(--theme_light--scrollbar); --theme--scrollbar: var(--theme_light--scrollbar);
--theme--scrollbar-border: var(--theme_light--scrollbar-border); --theme--scrollbar-border: var(--theme_light--scrollbar-border);
--theme--scrollbar_hover: var(--theme_light--scrollbar_hover); --theme--scrollbar_hover: var(--theme_light--scrollbar_hover);