mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-09-15 05:25:33 -04:00
constrain header width and reduce padding across the site
This commit is contained in:
@@ -4,7 +4,7 @@
|
||||
main#home {
|
||||
font-size: 1.1em;
|
||||
max-width: 980px;
|
||||
padding: 1.5em 1.75em 0.5em 1.75em;
|
||||
padding: 1.5em 1.5em 0.5em 1.5em;
|
||||
margin: 0 auto;
|
||||
|
||||
h2 {
|
||||
@@ -40,7 +40,8 @@ main#home {
|
||||
|
||||
img#me {
|
||||
float: right;
|
||||
margin: 0 0 0.5em 1em;
|
||||
margin-bottom: 0.5em;
|
||||
margin-left: 1em;
|
||||
padding: 4px;
|
||||
border: 1px solid $color-light;
|
||||
border-radius: 50%;
|
||||
|
@@ -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;
|
||||
|
@@ -3,7 +3,7 @@
|
||||
// Post Styles
|
||||
main#single {
|
||||
max-width: $max-width;
|
||||
padding: 1em 2em;
|
||||
padding: 1em 1.5em;
|
||||
margin: 0 auto;
|
||||
|
||||
div#meta {
|
||||
@@ -24,7 +24,7 @@ main#single {
|
||||
|
||||
h1#title {
|
||||
margin-top: 0.3em;
|
||||
margin-bottom: 0.5em;
|
||||
margin-bottom: 0.6em;
|
||||
font-size: 2.2em;
|
||||
line-height: 1.3;
|
||||
font-weight: 700;
|
||||
@@ -55,12 +55,5 @@ main#single {
|
||||
margin-top: 0.5em;
|
||||
font-size: 1.8em;
|
||||
}
|
||||
|
||||
div#meta {
|
||||
// hide "Improve This Post" link on mobile
|
||||
span#edit {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@@ -29,7 +29,8 @@ main#video {
|
||||
}
|
||||
|
||||
video {
|
||||
width: $responsive-width;
|
||||
width: 100%;
|
||||
max-width: 975px;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user