LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

fix code styles on markdown render

Browse source 
- fix formatting issues on code tags
- add inline code styles
- add dark theme for code tag
This commit is contained in:
Baltazar Gomez 2019-10-12 14:50:25 -06:00 committed by Sean Yesmunt
parent e6daeb7744
commit 65598b42a1
1 changed files with 20 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/ui/scss/component/_markdown-preview.scss
View file

@ -63,19 +63,33 @@
top: 1rem;
}
// Code
// Code blocks
pre {
white-space: normal;
background: transparent;
code {
margin-bottom: var(--spacing-medium);
padding: var(--spacing-medium);
display: block;
white-space: pre-wrap;
}
}
// Inline code
code {
margin-bottom: var(--spacing-medium);
padding: var(--spacing-medium);
background-color: $lbry-gray-1;
color: $lbry-gray-5;
display: block;
font-family: Consolas, 'Lucida Console', 'Source Sans', monospace;
display: inline-block;
margin: var(--spacing-miniscule);
border-radius: 0.2rem;
font-size: var(--font-label);
padding: calc(var(--spacing-miniscule) - 4px) var(--spacing-miniscule);
[data-mode='dark'] & {
color: darken($lbry-white, 10%);
background-color: rgba($lbry-gray-4, 0.25);
}
}
a,