148 lines
No EOL
2.9 KiB
CSS
148 lines
No EOL
2.9 KiB
CSS
.markdown h1,
|
|
.markdown h2,
|
|
.markdown h3,
|
|
.markdown h4,
|
|
.markdown h5,
|
|
.markdown h6 {
|
|
font-family: 'Gabarito', sans-serif;
|
|
font-weight: 700;
|
|
color: var(--color-text);
|
|
}
|
|
|
|
.markdown h4,
|
|
.markdown h5,
|
|
.markdown h6 {
|
|
font-weight: 400 !important;
|
|
}
|
|
|
|
.markdown h1 {
|
|
font-size: 2rem;
|
|
}
|
|
|
|
.markdown p,
|
|
li {
|
|
font-family: 'Urbanist', sans-serif;
|
|
font-weight: 500;
|
|
color: var(--color-subtext);
|
|
text-align: justify;
|
|
}
|
|
|
|
.markdown a {
|
|
color: var(--color-special);
|
|
}
|
|
|
|
.markdown a:hover {
|
|
color: var(--color-subtitle);
|
|
}
|
|
|
|
.markdown a:visited {
|
|
color: var(--color-title);
|
|
}
|
|
|
|
.markdown hr {
|
|
margin-block-start: 1em;
|
|
margin-block-end: 1em;
|
|
border: none;
|
|
height: 2px;
|
|
background-color: #41354330;
|
|
}
|
|
|
|
/* Code Blcoks */
|
|
.markdown-codeblock {
|
|
position: relative;
|
|
font-family: 'Sometype Mono', monospace;
|
|
font-weight: 500;
|
|
color: var(--color-text);
|
|
}
|
|
|
|
.markdown-codeblock pre {
|
|
display: block;
|
|
padding: 9.5px;
|
|
margin: 0 0 10px;
|
|
font-size: 13px;
|
|
line-height: 1.42857143;
|
|
word-break: break-all;
|
|
word-wrap: break-word;
|
|
background-color: var(--color-code);
|
|
border-radius: 0.5rem;
|
|
box-shadow: #352b4027 0px 4px 6px -1px, #352b4016 0px 2px 4px -1px;
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
.little-language {
|
|
color: var(--color-subtext);
|
|
position: absolute;
|
|
visibility: hidden;
|
|
top: 0;
|
|
right: 0;
|
|
margin-top: 0.5rem;
|
|
margin-right: 0.5rem;
|
|
cursor: default;
|
|
}
|
|
|
|
.markdown code {
|
|
background-color: var(--color-code);
|
|
color: var(--color-special);
|
|
padding: 0.2rem;
|
|
border-radius: 0.2rem;
|
|
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
|
|
}
|
|
|
|
.markdown blockquote {
|
|
padding: 10px 20px;
|
|
margin: 0 0 20px;
|
|
font-size: 17.5px;
|
|
border-left: 5px solid var(--color-subtext);
|
|
}
|
|
|
|
.markdown table {
|
|
border-spacing: 0;
|
|
box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
|
|
}
|
|
|
|
.markdown tr>th {
|
|
vertical-align: bottom;
|
|
border-right: 2px solid var(--color-subtext);
|
|
padding: 0.5rem;
|
|
font-family: 'Gabarito', sans-serif;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.markdown tr>th:last-child {
|
|
border-right: none;
|
|
}
|
|
|
|
.markdown tr>td {
|
|
background-color: var(--color-code);
|
|
border-right: 2px solid var(--color-subtext);
|
|
padding: 8px;
|
|
line-height: 1.42857143;
|
|
vertical-align: top;
|
|
font-family: 'Urbanist', sans-serif;
|
|
font-weight: 500;
|
|
font-size: 0.8rem;
|
|
}
|
|
|
|
.markdown tr>td:last-child {
|
|
border-right: none;
|
|
}
|
|
|
|
@media screen and (min-width: 1200px) {
|
|
.markdown img {
|
|
max-height: 16rem;
|
|
max-width: 40dvh;
|
|
margin-top: 1.5rem;
|
|
margin-bottom: 1rem;
|
|
object-fit: cover;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1200px) {
|
|
.markdown img {
|
|
max-width: 76dvw;
|
|
max-height: 100%;
|
|
margin-top: 1.5rem;
|
|
margin-bottom: 1rem;
|
|
object-fit: cover;
|
|
}
|
|
} |