137 lines
2.0 KiB
SCSS
137 lines
2.0 KiB
SCSS
.raw-content {
|
|
.root_theme_dark & {
|
|
--chroma-bg: rgba(255, 255, 255, 0.1);
|
|
--chroma-base: #93a1a1;
|
|
--chroma-c: #586e75;
|
|
--chroma-01: #8ad200;
|
|
--chroma-03: #3af;
|
|
--chroma-05: #8eca03;
|
|
--chroma-06: #dc322f;
|
|
--chroma-07: #95d5e8;
|
|
}
|
|
|
|
word-break: break-word;
|
|
|
|
p,
|
|
blockquote {
|
|
margin: 1rem 0;
|
|
|
|
&:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
&:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* imported comments have br instead of p */
|
|
br {
|
|
content: '';
|
|
display: block;
|
|
margin-top: 1rem;
|
|
}
|
|
}
|
|
|
|
a {
|
|
color: var(--color9);
|
|
|
|
&:hover {
|
|
color: var(--color33);
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
img {
|
|
max-width: 100%;
|
|
max-height: 300px;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
&:first-child {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
/* stylelint-disable-next-line no-descending-specificity */
|
|
blockquote {
|
|
padding: 12px 8px 12px 16px;
|
|
border-left: 2px solid;
|
|
}
|
|
|
|
table {
|
|
display: block;
|
|
overflow: auto;
|
|
border-spacing: 0;
|
|
border-collapse: collapse;
|
|
|
|
th {
|
|
text-align: left;
|
|
font-weight: 600;
|
|
}
|
|
|
|
th,
|
|
td {
|
|
padding: 6px 13px;
|
|
}
|
|
|
|
tr {
|
|
border-top: 1px solid var(--color43);
|
|
}
|
|
}
|
|
|
|
code {
|
|
background-color: var(--chroma-bg);
|
|
border-radius: 3px;
|
|
color: var(--chroma-base);
|
|
display: inline-block;
|
|
font-size: 85%;
|
|
line-height: 1.45;
|
|
margin: 0;
|
|
overflow: visible;
|
|
padding: 0 0.4em;
|
|
white-space: pre;
|
|
word-break: normal;
|
|
word-wrap: normal;
|
|
}
|
|
|
|
pre {
|
|
padding: 12px 16px 12px 18px;
|
|
overflow-x: auto;
|
|
overflow-y: hidden;
|
|
tab-size: 2;
|
|
word-wrap: normal;
|
|
font-size: 85%;
|
|
line-height: 1.45;
|
|
border-radius: 3px;
|
|
|
|
&:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
&:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
> code {
|
|
background-color: transparent;
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
sup,
|
|
sub {
|
|
sup,
|
|
sub {
|
|
vertical-align: middle; /* to prevent some visual cheats */
|
|
}
|
|
}
|
|
|
|
hr {
|
|
border-width: 0 0 1px 0;
|
|
}
|
|
}
|