1
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-19 17:05:32 -04:00

small changes to AMP CSS

This commit is contained in:
2020-06-19 11:19:32 -04:00
parent f29033f383
commit b97f7a00de
3 changed files with 99 additions and 91 deletions

View File

@@ -73,6 +73,7 @@
}
a {
color: #0e6dc2;
text-decoration: none;
}
hr {
margin: 1.25em auto;
@@ -92,10 +93,17 @@
max-width: {{ printf "%d%s" .Site.Params.pageMaxWidth "px" }};
margin: 0 auto;
padding: 0 15px;
line-height: 1.8;
line-height: 1.75;
}
div#content {
font-size: 1.025em;
letter-spacing: -0.008em;
}
div#content a:hover {
text-decoration: underline;
}
h1.title {
font-size: 2em;
font-size: 2.1em;
line-height: 1.3;
margin-top: 0.4em;
margin-bottom: 0.4em;
@@ -103,10 +111,9 @@
}
h1.title a {
color: inherit;
text-decoration: none;
}
div#meta {
font-size: 0.9em;
font-size: 0.925em;
line-height: 1.3;
letter-spacing: 0.04em;
margin-top: 1.5em;
@@ -124,18 +131,21 @@
}
p.caption {
margin-top: -1em;
font-size: 0.9em;
font-size: 0.95em;
color: #5e5e5e;
}
h2 {
padding-bottom: 0.25em;
padding-bottom: 0.1em;
border-bottom: 1px solid #e3e3e3;
}
header {
width: 100%;
background-color: #fbfbfb;
background-color: #fcfcfc;
border-bottom: 1px solid #e3e3e3;
}
header a {
text-decoration: none;
}
nav {
max-width: {{ printf "%d%s" .Site.Params.pageMaxWidth "px" }};
margin: 0 auto;
@@ -144,22 +154,19 @@
align-items: center;
justify-content: space-between;
}
nav a {
text-decoration: none;
}
nav a#logo {
display: flex;
align-items: center;
color: #333333;
padding: 15px 0;
color: #515151;
padding: 16px 0;
}
nav a#logo svg {
height: 45px;
width: 30px;
height: 40px;
width: 28px;
}
nav a#logo span {
margin-left: 16px;
font-size: 1.35em;
margin-left: 14px;
font-size: 1.45em;
font-weight: 500;
}
nav ul {
@@ -177,6 +184,7 @@
}
footer {
padding: 20px 15px;
background-color: #fcfcfc;
border-top: 1px solid #e3e3e3;
color: #555;
line-height: 1.8;
@@ -257,7 +265,7 @@
<ul>
<li><a href="{{ .Site.BaseURL }}" title="Home">&#x1F3E0;</a></li>
<li><a href="{{ "notes/" | absURL }}" title="Notes">&#x1F4DD;</a></li>
<li><a href="&#x6D;&#x61;&#x69;&#x6C;&#x74;&#x6F;&#x3A;&#x6A;&#x61;&#x6B;&#x65;&#x40;&#x6A;&#x61;&#x72;&#x76;&#x2E;&#x69;&#x73;" title="Email Me">&#x1F48C;</a></li>
<li><a href="&#x6D;&#x61;&#x69;&#x6C;&#x74;&#x6F;&#x3A;&#x6A;&#x61;&#x6B;&#x65;&#x40;&#x6A;&#x61;&#x72;&#x76;&#x2E;&#x69;&#x73;" title="Email Me">&#x1F4EC;</a></li>
</ul>
</nav>
</header>