141 lines
2.8 KiB
CSS
141 lines
2.8 KiB
CSS
/* ===============================
|
||
Solarized Light – Compact Markdown
|
||
github-markdown-css compatible
|
||
=============================== */
|
||
|
||
.markdown-body {
|
||
background: #FDF6E3; /* base3 */
|
||
color: #657B83; /* base00 */
|
||
font-family: "JetBrains Mono", "Fira Code", Menlo, Consolas, monospace;
|
||
font-size: 15px;
|
||
line-height: 1.55;
|
||
padding: 4.0rem;
|
||
}
|
||
|
||
/* Headings */
|
||
.markdown-body h1,
|
||
.markdown-body h2,
|
||
.markdown-body h3,
|
||
.markdown-body h4,
|
||
.markdown-body h5,
|
||
.markdown-body h6 {
|
||
border: none;
|
||
margin-top: 1.2em;
|
||
margin-bottom: 0.4em;
|
||
font-weight: 700;
|
||
color: #586E75; /* base01 */
|
||
}
|
||
|
||
.markdown-body h1 { font-size: 1.9em; }
|
||
.markdown-body h2 { font-size: 1.6em; }
|
||
.markdown-body h3 { font-size: 1.35em; }
|
||
.markdown-body h4 { font-size: 1.15em; }
|
||
.markdown-body h5 { font-size: 1.02em; }
|
||
.markdown-body h6 { font-size: 0.95em; color: #839496; /* base0 */ }
|
||
|
||
/* Paragraphs */
|
||
.markdown-body p {
|
||
margin: 0.55em 0;
|
||
}
|
||
|
||
/* Blockquotes – SAME vertical spacing as paragraphs */
|
||
.markdown-body blockquote {
|
||
margin: 0.55em 0;
|
||
padding: 0.55em 0.8em;
|
||
border-left: 3px solid #268BD2; /* blue */
|
||
background: #EEE8D5; /* base2 */
|
||
color: #839496; /* base0 */
|
||
font-style: italic;
|
||
}
|
||
|
||
/* Remove extra spacing inside blockquotes */
|
||
.markdown-body blockquote > :first-child { margin-top: 0; }
|
||
.markdown-body blockquote > :last-child { margin-bottom: 0; }
|
||
|
||
/* Links */
|
||
.markdown-body a {
|
||
color: #268BD2; /* blue */
|
||
text-decoration: none;
|
||
border-bottom: 1px dotted #2AA198; /* cyan */
|
||
}
|
||
|
||
.markdown-body a:hover {
|
||
color: #2AA198; /* cyan */
|
||
border-bottom-style: solid;
|
||
}
|
||
|
||
/* Code */
|
||
.markdown-body code {
|
||
background: #EEE8D5; /* base2 */
|
||
color: #DC322F; /* red */
|
||
padding: 0.1em 0.3em;
|
||
border-radius: 3px;
|
||
font-size: 0.92em;
|
||
}
|
||
|
||
.markdown-body pre {
|
||
background: #EEE8D5; /* base2 */
|
||
color: #586E75; /* base01 */
|
||
padding: 0.75em 0.9em;
|
||
border-radius: 5px;
|
||
overflow-x: auto;
|
||
border-left: 3px solid #2AA198; /* cyan */
|
||
margin: 0.7em 0;
|
||
}
|
||
|
||
.markdown-body pre code {
|
||
background: none;
|
||
padding: 0;
|
||
}
|
||
|
||
/* Lists */
|
||
.markdown-body ul,
|
||
.markdown-body ol {
|
||
padding-left: 1.3em;
|
||
margin: 0.5em 0;
|
||
}
|
||
|
||
.markdown-body ul li::marker,
|
||
.markdown-body ol li::marker {
|
||
color: #268BD2; /* blue */
|
||
}
|
||
|
||
/* HR */
|
||
.markdown-body hr {
|
||
border: none;
|
||
border-top: 1px dashed #DDD6C1; /* subtle base2/base1 mix */
|
||
margin: 1.2em 0;
|
||
}
|
||
|
||
/* Tables */
|
||
.markdown-body table {
|
||
border-collapse: collapse;
|
||
width: 100%;
|
||
margin: 0.7em 0;
|
||
font-size: 0.92em;
|
||
}
|
||
|
||
.markdown-body th,
|
||
.markdown-body td {
|
||
border: 1px solid #DDD6C1;
|
||
padding: 0.35em 0.6em;
|
||
}
|
||
|
||
.markdown-body th {
|
||
background: #EEE8D5; /* base2 */
|
||
}
|
||
|
||
/* Images */
|
||
.markdown-body img {
|
||
max-width: 100%;
|
||
background: #EEE8D5;
|
||
border: 1px solid #DDD6C1;
|
||
padding: 0.2em;
|
||
border-radius: 3px;
|
||
}
|
||
|
||
/* Hide anchor icons */
|
||
.markdown-body a.anchor {
|
||
display: none;
|
||
}
|