diff --git a/default_environment/stylesheet/main.css b/default_environment/stylesheet/main.css index 4db8466..b648058 100644 --- a/default_environment/stylesheet/main.css +++ b/default_environment/stylesheet/main.css @@ -1,10 +1,11 @@ :root { - --unused-1: #6ccff6; --main-max-width: 800px; --site-background-color: #0a0a0a; --site-text-color: #fffffc; --header-divider-color: #6a687a; + --stream-divider-color: #6ccff6; + --src-font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace; --src-block-background-color: #141414; @@ -54,6 +55,30 @@ body { font-size: 1.2rem; line-height: 1.2; + /* A stand-alone blog post (not in a blog stream). */ + .blog_post { + padding: 1rem 0 3rem 0; + } + + .blog_stream { + .stream_divider { + color: var(--stream-divider-color); + } + } + + /* A blog post in a blog stream (for example, the homepage). */ + .blog_stream_post { + background: #1F1F1F; + padding: 1rem 0.2rem; + } + + .blog_post_title { + font-size: 2.5rem; + font-weight: 700; + padding-bottom: 1rem; + } + + p { margin: 1rem 0; } @@ -160,14 +185,3 @@ body { } } } - -/* A stand-alone blog post (not in a blog stream). */ -.blog_post { - padding: 1rem 0 3rem 0; -} - -.blog_post_title { - font-size: 2.5rem; - font-weight: 700; - padding-bottom: 1rem; -} diff --git a/default_environment/templates/html/blog_stream.dust b/default_environment/templates/html/blog_stream.dust index 97fe63c..694614c 100644 --- a/default_environment/templates/html/blog_stream.dust +++ b/default_environment/templates/html/blog_stream.dust @@ -1,5 +1,6 @@