diff --git a/src/client/theme-default/styles/code.css b/src/client/theme-default/styles/code.css index d800bebb..0bed1198 100644 --- a/src/client/theme-default/styles/code.css +++ b/src/client/theme-default/styles/code.css @@ -3,7 +3,7 @@ code { border-radius: 3px; padding: .25rem .5rem; font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace; - font-size: var(--code-font-size); + font-size: 14px; color: var(--c-text-light); background-color: rgba(27, 31, 35, .05); } @@ -18,10 +18,10 @@ code .token.inserted { div[class*='language-'] { position: relative; - margin: .85rem 0; + margin: 14px 0; border-radius: 6px; padding: .5rem 1.5rem; - line-height: 1.5; + line-height: 24px; background-color: var(--code-bg-color); overflow-x: auto; } @@ -44,7 +44,7 @@ div[class*='language-'] { word-spacing: normal; word-break: normal; word-wrap: normal; - line-height: 1.5; + line-height: 24px; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; @@ -62,8 +62,9 @@ div[class*='language-'] { left: 0; padding-top: var(--code-padding-vertical); width: 100%; - line-height: 1.5; - font-size: var(--code-font-size); + line-height: 24px; + font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace; + font-size: 14px; user-select: none; } @@ -85,8 +86,8 @@ div[class*='language-'].line-numbers-mode { padding: var(--code-padding-vertical) 0; width: 3.5rem; text-align: center; - line-height: 1.5; - font-size: var(--code-font-size); + line-height: 24px; + font-size: 16px; color: #888; z-index: 4; } diff --git a/src/client/theme-default/styles/vars.css b/src/client/theme-default/styles/vars.css index ba2c4f32..c019a017 100644 --- a/src/client/theme-default/styles/vars.css +++ b/src/client/theme-default/styles/vars.css @@ -47,7 +47,6 @@ --c-bg: var(--c-white); --code-padding-vertical: 1.5rem; - --code-font-size: .85rem; --code-bg-color: #282c34; }