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; display: inline-block;
font-weight: 700; font-weight: 700;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
width: 100%;
} }
> p:first-of-type { > p:first-of-type {

View file

@ -10,10 +10,29 @@
.blog-post__title { .blog-posts {
display: inline-block; list-style-type: none;
}
.blog-post {
position: relative; 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 { &::after {
content: ""; content: "";
display: block; display: block;
@ -29,18 +48,39 @@
.blog-post__meta__author { .blog-post__meta__author {
&::before { &::before {
content: "by"; content: "by";
@media (min-width: 901px) {
left: -1.2rem; left: -1.2rem;
} }
@media (max-width: 900px) {
left: -1rem;
}
}
} }
.blog-post__meta__date { .blog-post__meta__date {
@media (min-width: 901px) {
margin-right: 1.4rem; margin-right: 1.4rem;
margin-left: 3.1rem; margin-left: 3.1rem;
}
@media (max-width: 900px) {
margin-right: 1.2rem;
margin-left: 2.6rem;
}
&::before { &::before {
content: "posted"; content: "posted";
@media (min-width: 901px) {
left: -3.1rem; left: -3.1rem;
} }
@media (max-width: 900px) {
left: -2.6rem;
}
}
} }
.blog-post__meta__author, .blog-post__meta__author,