1
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-17 11:55:31 -04:00

shrink everything else a bit -- header, margins, fonts, etc.

This commit is contained in:
2020-03-16 18:11:38 -04:00
parent 5db7ee9b21
commit 5395ecd180
8 changed files with 246 additions and 34 deletions

View File

@@ -22,7 +22,7 @@ $link-underline-size: 2px;
// Global Colors
$color-background: #ffffff;
$color-gray-background: #f9f9f9;
$color-gray-background: #fbfbfb;
$color-text: #202020;
$color-medium-dark: #494949;
$color-medium: #5e5e5e;

View File

@@ -5,7 +5,7 @@ footer {
width: 100%;
letter-spacing: -0.01em;
line-height: 1.7;
padding: 1.5em 2.5em;
padding: 1.25em 2em;
box-sizing: border-box;
color: $color-medium;
border-top: 1px solid $color-light;
@@ -63,7 +63,7 @@ footer {
// Responsive
@mixin responsive--footer() {
footer {
padding: 1em 1.5em 0 1.5em;
padding: 1em 1.25em 0 1.25em;
div {
// no more room at the inn for panda :(

View File

@@ -3,11 +3,11 @@
// Global Header Styles
header {
width: 100%;
border-bottom: 1px solid $color-light;
border-bottom: 1px solid $color-kinda-light;
nav {
width: 100%;
padding: 0.5em 1.5em;
padding: 0.25em 0.75em;
box-sizing: border-box;
display: flex;
align-items: center;
@@ -21,7 +21,7 @@ header {
h1#name {
margin: 0 0 0 0.8em;
font-size: 1.5em;
font-size: 1.4em;
font-weight: 500;
letter-spacing: -0.01em;
}
@@ -57,10 +57,10 @@ header {
font-size: 1.5em;
line-height: 1;
padding: 0;
margin-right: 15px;
margin-right: 16px;
li {
width: 2.5em;
width: 2.6em;
text-align: right;
a {

View File

@@ -3,7 +3,7 @@
// Video Styles
main#etc {
max-width: 910px;
padding: 1.5em 2.5em;
padding: 1.5em 2em;
margin: 0 auto;
h1 {

View File

@@ -31,7 +31,7 @@ main#home {
sup {
top: -0.5em;
font-size: 0.5em;
font-size: 0.54em;
letter-spacing: -0.005em;
line-height: 0;
position: relative;

View File

@@ -3,7 +3,7 @@
// Archive/List Styles
main#list {
max-width: 980px;
padding: 1.5em 2.5em;
padding: 1.5em 2em;
margin: 0 auto;
section.year {
@@ -46,7 +46,7 @@ main#list {
// Responsive
@mixin responsive--list() {
main#list {
padding: 1em 1.5em;
padding: 1em 1.25em;
section.year {
font-size: 1em;

View File

@@ -3,7 +3,7 @@
// Post Styles
main#single {
max-width: 910px;
padding: 1em 2.5em;
padding: 1em 2em;
margin: 0 auto;
div#meta {