161 lines
2.3 KiB
CSS
161 lines
2.3 KiB
CSS
.md h1,
|
|
.md h2,
|
|
.md h3{
|
|
font-family: JetBrainsMono;
|
|
color: var(--bright-main);
|
|
font-weight: 900;
|
|
}
|
|
|
|
.md h1::before,
|
|
.md h2::before,
|
|
.md h3::before{
|
|
font-weight: 100;
|
|
color: var(--bright-third);
|
|
}
|
|
|
|
.md h1::before{
|
|
content: "# ";
|
|
}
|
|
|
|
.md h2::before{
|
|
content: "## ";
|
|
}
|
|
|
|
.md h3::before{
|
|
content: "### ";
|
|
}
|
|
|
|
.md h1 {
|
|
font-size: 28px;
|
|
margin-top: 40px;
|
|
}
|
|
|
|
.md h2 {
|
|
font-size: 23px;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.md h3 {
|
|
font-size: 18px;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.md p {
|
|
font-size: 18px;
|
|
color: var(--bright-second);
|
|
line-height: 26px;
|
|
letter-spacing: .01em;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.md strong {
|
|
font-weight: 900;
|
|
color: var(--bright-main);
|
|
}
|
|
|
|
.md a {
|
|
color: var(--bright-second);
|
|
text-decoration-thickness: .01px;
|
|
}
|
|
|
|
.md b {
|
|
color: var(--bright-main);
|
|
}
|
|
|
|
.md ul, .md ol {
|
|
list-style-position: inside;
|
|
font-size: 18px;
|
|
color: var(--bright-second);
|
|
margin: 10px 0px 10px 0px;
|
|
}
|
|
|
|
.md code {
|
|
font-family: JetBrainsMono;
|
|
background: var(--dark-third);
|
|
color: var(--bright-main);
|
|
border-radius: 5px;
|
|
font-size: 17px;
|
|
}
|
|
|
|
.md pre {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
font-family: JetBrainsMono;
|
|
word-wrap: normal;
|
|
margin-bottom: 16px;
|
|
margin-top: 16px;
|
|
padding: 16px;
|
|
overflow: auto;
|
|
line-height: 1.45;
|
|
color: var(--bright-main);
|
|
background-color: var(--dark-third);
|
|
border-radius: 6px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.md table {
|
|
border-spacing: 0;
|
|
border-collapse: collapse;
|
|
display: block;
|
|
width: max-content;
|
|
max-width: 100%;
|
|
overflow: auto;
|
|
margin: 16px 0px 16px 0px;
|
|
}
|
|
|
|
.md table th{
|
|
font-weight: 900;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.md table th,
|
|
.md table td{
|
|
font-size: 20px;
|
|
padding: 6px 13px;
|
|
background: var(--dark-second);
|
|
border: 1px solid var(--bright-second);
|
|
}
|
|
|
|
.md table tr {
|
|
background-color: var(--dark-main);
|
|
border-top: 1px solid var(--bright-second);
|
|
}
|
|
|
|
.md a:hover {
|
|
color: var(--bright-main);
|
|
}
|
|
|
|
.md li {
|
|
line-height: 30px;
|
|
}
|
|
|
|
.md .red {
|
|
color: var(--red);
|
|
}
|
|
|
|
.md .green {
|
|
color: var(--green);
|
|
}
|
|
|
|
.md .blue {
|
|
color: var(--blue);
|
|
}
|
|
|
|
.md blockquote {
|
|
margin: 0;
|
|
border-left: .25em solid var(--bright-third);
|
|
background: var(--dark-second);
|
|
border-radius: 6px;
|
|
padding: 20px;
|
|
margin-top: 16px;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.md blockquote>:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.md blockquote>:last-child {
|
|
margin-bottom: 0;
|
|
}
|