1
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-04-27 14:36:22 -04:00
jarv.is/assets/sass/pages/_list.scss

60 lines
934 B
SCSS

@use "../abstracts/themes";
// Archive/List Styles
div.layout-list {
padding-top: 1.5em;
padding-bottom: 0.25em;
section.list-section-year {
font-size: 1.05em;
h2 {
font-size: 2em;
letter-spacing: -0.025em;
margin-top: 0;
margin-bottom: 0.4em;
}
ul {
list-style-type: none;
margin: 0;
padding-left: 0;
display: block;
}
li {
display: flex;
letter-spacing: -0.008em;
line-height: 1.75;
margin-bottom: 1em;
div.list-item-date {
width: 5.25em;
flex-shrink: 0;
@include themes.themed($color: "medium");
}
&:last-child {
margin-bottom: 1.6em;
}
}
}
}
// Responsive
@mixin responsive() {
div.layout-list {
padding-top: 1em;
padding-bottom: 0;
section.list-section-year {
font-size: 1em;
h2 {
font-size: 1.75em;
}
}
}
}