hugo-theme-hello-friend/assets/css/archive.css

73 lines
1.1 KiB
CSS
Raw Permalink Normal View History

2019-04-16 16:55:53 +02:00
.archive {
width: 100%;
max-width: 800px;
text-align: left;
padding: 20px;
margin: 0 auto;
&__group {
&-month {
display: flex;
align-items: flex-start;
padding: 10px 0;
@media (--phone) {
flex-direction: column;
}
&:not(:last-of-type) {
2020-06-20 00:07:59 +02:00
border-bottom: 1px solid var(--border-color);
2019-04-16 16:55:53 +02:00
}
}
&-year {
margin-top: 40px;
@media (--phone) {
margin-top: 20px;
}
&:not(:last-of-type) {
2020-06-20 00:07:59 +02:00
border-bottom: 1px solid var(--border-color);
2019-04-16 16:55:53 +02:00
}
&-header {
margin: 10px 0;
}
}
&-month {
&-header {
margin: 25px 0;
width: 200px;
opacity: .5;
@media (--phone) {
margin: 10px 0 0;
}
}
}
&-posts {
width: 100%;
}
}
&__post {
padding: 20px 0;
&:not(:last-of-type) {
2020-06-20 00:07:59 +02:00
border-bottom: 1px solid var(--border-color);
2019-04-16 16:55:53 +02:00
}
&-title {
margin: 5px 0;
a {
display: block;
text-decoration: none;
}
}
}
}