lbry-desktop/src/renderer/scss/component/_markdown-preview.scss

91 lines
1.3 KiB
SCSS
Raw Normal View History

2018-05-30 20:12:54 +02:00
.editor-preview,
2018-05-07 06:59:33 +02:00
.markdown-preview {
margin: 0;
2018-05-30 20:12:54 +02:00
/* Headers */
2018-05-11 22:58:30 +02:00
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'metropolis-semibold';
margin: 16px 0;
}
h1 {
font-size: 1.22em;
}
h2 {
font-size: 1.14em;
}
h3 {
font-size: 1.06em;
}
h4 {
font-size: 0.92em;
}
h5 {
font-size: 0.84em;
}
h6 {
2018-05-12 00:31:43 +02:00
font-size: 0.84em;
2018-05-11 22:58:30 +02:00
color: var(--color-help);
}
2018-05-07 06:59:33 +02:00
2018-05-30 20:12:54 +02:00
/* Paragraphs */
p {
white-space: pre-line;
}
2018-05-30 05:08:37 +02:00
2018-05-30 20:12:54 +02:00
/* Strikethrough text */
del {
color: var(--color-help);
}
2018-05-07 06:59:33 +02:00
2018-05-30 20:12:54 +02:00
/* Tables */
table {
2018-05-07 06:59:33 +02:00
padding: 8px;
2018-05-30 20:12:54 +02:00
margin: 16px 0;
background-color: var(--card-bg);
2018-05-07 06:59:33 +02:00
2018-05-30 20:12:54 +02:00
tr td,
tr th,
tr td:first-of-type,
tr th:first-of-type,
tr td:last-of-type,
tr th:last-of-type {
padding: 8px;
}
}
2018-05-07 06:59:33 +02:00
2018-05-30 20:12:54 +02:00
/* Horizontal Rule */
hr {
border: 1px solid var(--color-divider);
}
2018-05-07 06:59:33 +02:00
2018-05-30 20:12:54 +02:00
/* Code */
code {
display: block;
padding: 8px;
margin: 16px 0;
background-color: var(--color-bg-alt);
color: var(--color-help);
font-size: 1em;
font-family: Consolas, 'Lucida Console', 'Source Sans', monospace;
}
2018-05-07 06:59:33 +02:00
}
2018-05-10 04:47:08 +02:00
blockquote {
padding: 8px;
margin: 16px 0;
color: var(--color-help);
border-left: 2px solid var(--color-help);
background-color: var(--color-bg-alt);
}