Rewrote blog styles

This commit is contained in:
Tim Stallard 2016-11-04 22:35:47 +00:00
parent 532a5f9d6f
commit 1321a7c556

View File

@ -431,7 +431,7 @@ body{
} }
} }
#content[data-slug="blog"]{ #content[data-slug="blog"]{ //main page
.post{ .post{
width: 80%; width: 80%;
max-width: 800px; max-width: 800px;
@ -440,6 +440,16 @@ body{
padding-top: 10px; padding-top: 10px;
padding-bottom: 10px; padding-bottom: 10px;
.blogpost{
p:first-of-type{
margin-top: 0.4em;
}
p:last-of-type{
margin-bottom: 0.2em;
}
}
h2.title a{ h2.title a{
color: inherit; color: inherit;
} }
@ -453,7 +463,7 @@ body{
} }
} }
#content[data-slug^="blog-"]{ #content[data-slug^="blog-"]{ //individual post
h1#title{ h1#title{
margin-bottom: 3px; margin-bottom: 3px;
} }
@ -463,10 +473,12 @@ body{
} }
} }
#content[data-slug^="blog"] .blogpost{ #content[data-slug^="blog"]{ //posts and main page
.blogpost{
width: 100%; width: 100%;
max-width: 800px; max-width: 800px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
line-height: 1.55; line-height: 1.55;
}
} }