diff options
Diffstat (limited to 'assets/scss/_post.scss')
-rw-r--r-- | assets/scss/_post.scss | 98 |
1 files changed, 98 insertions, 0 deletions
diff --git a/assets/scss/_post.scss b/assets/scss/_post.scss new file mode 100644 index 0000000..ef22046 --- /dev/null +++ b/assets/scss/_post.scss @@ -0,0 +1,98 @@ +.post { + +} + +.post-content { + h1{ + font-size: 3rem; + font-weight: bold; + margin: 1rem 0; + } + h2 { + font-size: 2.5rem; + font-weight: bold; + margin: 0.825rem 0; + } + h3 { + font-size: 2rem; + font-weight: semibold; + margin: 0.825rem 0; + } + h4 { + font-size: 1.5rem; + font-weight: semibold; + margin: 0.825rem 0; + } + h5 { + font-size: 1rem; + margin: 0.825rem 0; + } + h6 { + font-size: 0.75rem; + margin: 0.825rem 0; + } + h1,h2,h3,h4,h5,h6,p,code,blockquote { + line-height: 1.3; + @media (min-width: $screen-lg) { + line-height: 1.5; + } + } + p { + margin: 1rem 0; + color: var(--color-text-2); + } + blockquote { + margin-left: 1rem; + padding-left: 1rem; + border-left: 4px solid var(--color-border); + font-family: monospace; + } + code { + padding: 1px 2px; + border-radius: 2px; + background-color: var(--color-code-bg); + color: var(--color-text-light); + } + pre code { + color: inherit; + background-color: inherit; + padding: 0; + border-radius: inherit; + } + .highlight pre { + padding: 1rem; + } + .highlight code { + color: inherit; + background-color: inherit; + padding: 0; + border-radius: inherit; + } + ul { + list-style-type: disc; + padding-left: 1rem; + } + ol { + list-style-type: decimal; + padding-left: 1rem; + } + table { + margin: 0.5rem 0; + } + table th { + padding: 0.5rem; + background: var(--color-extra); + } + table td { + padding: 0.5rem; + border-bottom: 1px solid var(--color-border); + border-collapse: collapse; + } + table tbody tr:nth-child(even) { + background: var(--color-table-bg); + } + table tbody tr:hover { + background: var(--color-hover); + color: var(--color-text-light); + } +} |