hugo-theme-hello-friend/source/css/list.css
2018-07-20 19:14:22 +02:00

94 lines
1.2 KiB
CSS

.post {
width: 100%;
max-width: 800px;
text-align: left;
padding: 20px;
margin: 20px auto;
@media (--tablet) {
max-width: 660px;
}
&:not(:last-of-type) {
border-bottom: 1px solid var(--light-border-color);
.dark-theme & {
border-color: var(--dark-border-color);
}
}
&-meta {
display: flex;
flex-direction: row;
font-size: 1rem;
margin-bottom: 10px;
@media (--phone) {
font-size: .85rem;
}
}
&-date {
margin-right: 5px;
&:after {
content: '—';
}
}
&-title {
font-size: 2.625rem;
margin: 0;
@media (--phone) {
font-size: 2rem;
}
a {
text-decoration: none;
}
}
&-tags {
display: block;
margin-bottom: 20px;
font-size: 1rem;
opacity: .5;
a {
text-decoration: none;
}
}
&-content {
margin-top: 30px;
}
&-cover {
border-radius: 8px;
margin: 40px -50px;
width: 860px;
max-width: 860px;
@media (--tablet) {
margin: 20px 0;
width: 100%;
}
}
}
.post--regulation {
h1 {
justify-content: center;
}
h2 {
justify-content: center;
margin-bottom: 10px;
&+ h2 {
margin-top: -10px;
margin-bottom: 20px;
}
}
}