Minor CSS fixes

This commit is contained in:
ポール ウェッブ 2018-06-06 15:05:18 -05:00
parent c35ccd6fff
commit ecf6ba62a6
2 changed files with 47 additions and 6 deletions

View file

@ -265,6 +265,7 @@ export default {
display: inline-block;
font-weight: 700;
margin-bottom: 0.5rem;
width: 100%;
}
> p:first-of-type {

View file

@ -10,10 +10,29 @@
.blog-post__title {
display: inline-block;
.blog-posts {
list-style-type: none;
}
.blog-post {
position: relative;
&::before {
top: 8px; left: -1.2rem;
content: "\00B7";
font-size: 3.5rem;
line-height: 0;
position: absolute;
}
}
.blog-post__title {
display: inline-block; // position is set elsewhere
line-height: 1.33;
&::after {
content: "";
display: block;
@ -29,18 +48,39 @@
.blog-post__meta__author {
&::before {
content: "by";
@media (min-width: 901px) {
left: -1.2rem;
}
@media (max-width: 900px) {
left: -1rem;
}
}
}
.blog-post__meta__date {
@media (min-width: 901px) {
margin-right: 1.4rem;
margin-left: 3.1rem;
}
@media (max-width: 900px) {
margin-right: 1.2rem;
margin-left: 2.6rem;
}
&::before {
content: "posted";
@media (min-width: 901px) {
left: -3.1rem;
}
@media (max-width: 900px) {
left: -2.6rem;
}
}
}
.blog-post__meta__author,