jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-19 17:25:30 -04:00
Code Issues Activity

constrain header width and reduce padding across the site

Browse Source
This commit is contained in:
Jake Jarvis
2020-04-04 10:18:20 -04:00
parent 1c2337afb8
commit 55a696c261
8 changed files with 25 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
assets/sass/pages/_list.scss
View File

@@ -3,7 +3,7 @@
// Archive/List Styles
main#list {
max-width: 980px;
padding: 1.5em 2em;
padding: 1.5em 1.5em 0.25em 1.5em;
margin: 0 auto;
section.year {
@@ -12,11 +12,13 @@ main#list {
h2 {
font-size: 2.25em;
letter-spacing: -0.025em;
margin: 0;
margin-top: 0;
margin-bottom: 0.4em;
}
ul {
list-style-type: none;
margin: 0;
padding-left: 0;
display: block;
}
@@ -25,6 +27,7 @@ main#list {
display: flex;
letter-spacing: -0.011em;
line-height: 1.75;
margin-bottom: 1em;
div.date {
color: $color-medium;
@@ -32,12 +35,8 @@ main#list {
flex-shrink: 0;
}
+ li {
margin-top: 1em;
}
&:last-child {
margin-bottom: 1.8em;
margin-bottom: 1.6em;
}
}
}
@@ -47,7 +46,7 @@ main#list {
// Responsive
@mixin responsive--list() {
main#list {
padding: 1em 1.25em;
padding: 1em 1em 0.25em 1em;
section.year {
font-size: 1em;