Improve style

This commit is contained in:
Joe Hutchinson
2019-02-01 10:07:03 -05:00
parent 85fa70d303
commit 2bec581dcb
2 changed files with 15 additions and 13 deletions

File diff suppressed because one or more lines are too long

View File

@@ -14,7 +14,7 @@ body {
word-break: break-word; word-break: break-word;
} }
p { p {
margin: 1em 0; margin: 1.5em 0;
} }
b, b,
strong { strong {
@@ -22,7 +22,7 @@ strong {
font-weight: normal; font-weight: normal;
} }
.nav-bar { .nav-bar {
max-width: 48rem; max-width: 50rem;
width: 100%; width: 100%;
padding: 0.4em 0; padding: 0.4em 0;
display: flex; display: flex;
@@ -109,7 +109,7 @@ strong {
} }
.post { .post {
margin: 0 0 1em 0; margin: 0 0 1em 0;
line-height: 1.5; line-height: 1.6;
} }
.post-header { .post-header {
margin: 0 0 1.5em 0; margin: 0 0 1.5em 0;
@@ -121,7 +121,7 @@ strong {
} }
.post-date { .post-date {
display: block; display: block;
color: #6A6B6C; color: #7a7b7c;
font-size: 0.8em; font-size: 0.8em;
margin: 0; margin: 0;
} }
@@ -140,7 +140,7 @@ strong {
padding: 2em 0; padding: 2em 0;
margin-bottom: 2em; margin-bottom: 2em;
width: 100%; width: 100%;
max-width: 50rem; max-width: 52rem;
border-radius: 0.3rem; border-radius: 0.3rem;
transition: transform 0.2s cubic-bezier(0.25,0.8,0.25,1), box-shadow 0.2s cubic-bezier(0.25,0.8,0.25,1); transition: transform 0.2s cubic-bezier(0.25,0.8,0.25,1), box-shadow 0.2s cubic-bezier(0.25,0.8,0.25,1);
box-shadow: 0 0.7rem 1.4rem 0 rgba(0,0,0,0.25), 0 0.5rem 0.5rem 0 rgba(0,0,0,0.22); box-shadow: 0 0.7rem 1.4rem 0 rgba(0,0,0,0.25), 0 0.5rem 0.5rem 0 rgba(0,0,0,0.22);
@@ -156,13 +156,13 @@ strong {
} }
.list-header-subtext { .list-header-subtext {
font-weight: normal; font-weight: normal;
color: #6A6B6C; color: #7a7b7c;
font-size: 1em; font-size: 1em;
line-height: 1.6; line-height: 1.6;
margin: 0; margin: 0;
} }
.card-container { .card-container {
max-width: 47rem; max-width: 49rem;
} }
.card { .card {
display: block; display: block;
@@ -236,7 +236,7 @@ strong {
margin-left: 1em; margin-left: 1em;
padding-left: 1em; padding-left: 1em;
word-spacing: 0.5em; word-spacing: 0.5em;
border-left: thin solid #6A6B6C; border-left: thin solid #7a7b7c;
} }
.end-nav { .end-nav {
width: 100%; width: 100%;
@@ -288,9 +288,10 @@ strong {
margin: 1.5em auto; margin: 1.5em auto;
} }
.muted-text { .muted-text {
color: #6A6B6C; color: #7a7b7c;
} }
.katex-display { .katex-display {
margin: 1.5em 0;
overflow-x: auto; overflow-x: auto;
overflow-y: hidden; overflow-y: hidden;
} }
@@ -302,7 +303,7 @@ strong {
position: fixed; position: fixed;
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
margin: 1.5em 0 0.7em 0; margin: 1.5em 0 -1em 0;
clear: both; clear: both;
} }
img { img {
@@ -338,6 +339,7 @@ code {
background-color: #f5f6f7; background-color: #f5f6f7;
} }
pre > code { pre > code {
margin: 1.5em 0;
display: block; display: block;
padding: 0.5em; padding: 0.5em;
word-break: normal; word-break: normal;
@@ -357,7 +359,7 @@ table {
color: #141823; color: #141823;
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; border-spacing: 0;
margin: 1em 0; margin: 1.5em 0;
} }
td, td,
th { th {
@@ -393,7 +395,7 @@ footer {
/* Medium devices (tablets, ~641px and up) */ /* Medium devices (tablets, ~641px and up) */
@media only screen and (min-width: 40.063em) { @media only screen and (min-width: 40.063em) {
body { body {
font-size: 1.125rem; font-size: 1.15rem;
} }
.nav-bar { .nav-bar {
padding: 0.8em 0; padding: 0.8em 0;