fix: code plugins styles

pull/142/head
Matias Capeletto 5 years ago
parent 1836934f7c
commit 6e562fbe0f

@ -1,6 +1,6 @@
code { code {
font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace; font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace;
font-size: 0.85em; font-size: var(--code-font-size);
color: var(--c-text-light); color: var(--c-text-light);
background-color: rgba(27, 31, 35, 0.05); background-color: rgba(27, 31, 35, 0.05);
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
@ -59,9 +59,9 @@ div[class*='language-'] {
/* Line highlighting */ /* Line highlighting */
.highlight-lines { .highlight-lines {
font-size: 0.9em; font-size: var(--code-font-size);
user-select: none; user-select: none;
padding-top: 1.3rem; padding-top: var(--code-padding-vertical);
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
@ -87,8 +87,8 @@ div[class*='language-'].line-numbers-mode {
text-align: center; text-align: center;
color: #888; color: #888;
line-height: 1.5; line-height: 1.5;
font-size: 0.9em; font-size: var(--code-font-size);
padding: 1.3rem 0; padding: var(--code-padding-vertical) 0;
border-right: 1px solid rgba(0,0,0,50%); border-right: 1px solid rgba(0,0,0,50%);
z-index: 4; z-index: 4;
} }

@ -34,6 +34,8 @@
* --------------------------------------------------------------------- */ * --------------------------------------------------------------------- */
--header-height: 3.6rem; --header-height: 3.6rem;
--code-font-size: 0.85em;
--code-padding-vertical: 1.5rem;
} }
/** Fallback Styles */ /** Fallback Styles */

Loading…
Cancel
Save