website/public/md.css
2024-05-06 23:06:44 +03:00

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;
}