website/public/md.css

126 lines
1.8 KiB
CSS

.md h1,
.md h2,
.md h3{
font-family: JetBrainsMono;
color: var(--bright-main);
margin: 30px 0px 10px 0px;
font-weight: 900;
}
.md h1::before,
.md h2::before,
.md h3::before{
color: var(--bright-third);
}
.md h1::before{
content: "# ";
}
.md h2::before{
content: "## ";
}
.md h3::before{
content: "### ";
}
.md h1 {
font-size: 30px;
}
.md h2 {
font-size: 25px;
}
.md h3 {
font-size: 20px;
}
.md p {
font-size: 20px;
color: var(--bright-second);
line-height: 28px;
letter-spacing: .01em;
}
.md strong {
font-weight: 900;
color: var(--bright-main);
}
.md a {
color: var(--bright-second);
text-decoration-thickness: 1px;
}
.md b {
color: var(--bright-main);
}
.md ul, .md ol {
list-style-position: inside;
font-size: 20px;
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: 19px;
}
.md pre {
margin-top: 0;
margin-bottom: 0;
font-family: JetBrainsMono;
font-size: 12px;
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;
}
.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;
border: 1px solid var(--bright-second);
}
.md table tr {
background-color: var(--dark-second);
border-top: 1px solid var(--bright-second);
}
.md a:hover {
color: var(--bright-main);
}
.md li {
line-height: 30px;
}