Pavel MineevandUmputun
5825a55b69
* change root dit and change way to import modules * update deps to latest versions * use latest tools for building bundles * rewrite webpack config * use nomodule technique for loading modern bundle * inject polyfills by babel usebuiltins * update eslint rules * rename all style files to CSS * use postcss preset env for building styles * proper typescript typing * put all html files to templates folder * etc
137 lines
2.1 KiB
CSS
137 lines
2.1 KiB
CSS
.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;
|
|
}
|
|
}
|