hugo-theme-hello-friend/assets/css/archive.css
panr 0be313316f Init version 2
- Switch to the Hugo Pipes (bye bye Webpack)
- Use Inter from Google Fonts
- Update README
2020-08-09 00:43:49 +02:00

72 lines
1.1 KiB
CSS

.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) {
border-bottom: 1px solid var(--border-color);
}
}
&-year {
margin-top: 40px;
@media (--phone) {
margin-top: 20px;
}
&:not(:last-of-type) {
border-bottom: 1px solid var(--border-color);
}
&-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) {
border-bottom: 1px solid var(--border-color);
}
&-title {
margin: 5px 0;
a {
display: block;
text-decoration: none;
}
}
}
}