wassname/template
1
0
Fork 0
mirror of https://github.com/wassname/template.git synced 2026-08-03 13:20:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

Distill header

Browse Source
This commit is contained in:
Shan Carter
2017-10-06 21:27:55 -07:00
parent defd752b6e
commit 75a0a8228a
9 changed files with 69 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/d-abstract.js
+5 -5
View File
@@ -5,12 +5,12 @@ const T = Template('d-abstract', `
<style>
:host {
display: block;
font-size: 1.15rem;
line-height: 1.8em;
font-size: 1.25rem;
line-height: 1.6em;
padding-bottom: 1.5em;
color: rgba(0, 0, 0, 0.8);
font-weight: 300;
font-family: "Merriweather", georgia, serif;
color: rgba(0, 0, 0, 0.7);
font-family: georgia, serif;
-webkit-font-smoothing: antialiased;
}
::slotted(p) {
src/components/d-article.js
+4 -4
View File
@@ -21,8 +21,8 @@ d-article > * {
@media(min-width: 1024px) {
d-article {
font-size: 0.9rem;
line-height: 1.9em;
font-size: 1rem;
line-height: 1.7em;
}
}
@@ -100,10 +100,10 @@ d-article a {
d-article p,
d-article ul,
d-article ol {
font-family: "Merriweather", georgia, serif;
font-weight: 300;
font-family: georgia, serif;
margin-top: 0;
margin-bottom: 1.7em;
-webkit-font-smoothing: antialiased;
}
d-article a {
src/components/d-byline.js
+1 -3
View File
@@ -3,7 +3,7 @@ d-byline {
border-top: 1px solid rgba(0, 0, 0, 0.1);
contain: content;
font-size: 0.7rem;
line-height: 2em;
line-height: 1.8em;
padding: 1.5rem 0;
}
@@ -21,8 +21,6 @@ d-byline h3 {
}
d-byline p {
font-family: "Merriweather", georgia, serif;
font-weight: 300;
margin: 0;
}
src/components/d-title.js
+9 -11
View File
@@ -3,19 +3,19 @@ import { Template } from '../mixins/template';
const T = Template('d-title', `
<style>
:host {
padding-top: 64px;
padding-top: 2rem;
contain: content;
display: block;
}
::slotted(h1) {
grid-column: text-start / page-end;
font-size: 46px;
grid-column: text-start / span 5;
font-size: 48px;
font-weight: 700;
line-height: 1.3em;
margin: 0 0 10px;
line-height: 1em;
margin: 0 0 0.5rem;
}
.status {
margin-top: 15px;
margin-top: 8px;
font-size: 12px;
color: #009688;
opacity: 0.8;
@@ -24,11 +24,9 @@ const T = Template('d-title', `
.status span {
line-height: 1;
display: inline-block;
padding: 7px 7px;
border: 1px solid #80cbc4;
border-bottom: 1px solid #80cbc4;
border-radius: 5px;
font-size: 9px;
padding: 7px 0;
border-top: 1px solid #80cbc4;
font-size: 10px;
text-transform: uppercase;
}
</style>