wassname/template
1
0
Fork 0
mirror of https://github.com/wassname/template.git synced 2026-06-27 19:49:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

Text size and line-height bike-shedding

Browse Source
This commit is contained in:
Ludwig Schubert
2017-10-13 15:14:52 -07:00
parent 31a3478d84
commit 44f14bffe7
4 changed files with 25 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/d-article.css
-1
View File
@@ -97,7 +97,6 @@ d-article p,
d-article ul,
d-article ol,
d-article blockquote {
font-family: georgia, serif;
margin-top: 0;
margin-bottom: 1em;
margin-left: 0;
src/styles/styles-base.css
+3 -3
View File
@@ -1,8 +1,8 @@
html {
font-size: 19px;
line-height: 1.3em;
font-size: 16px;
line-height: 1.6em;
/* font-family: "Libre Franklin", "Helvetica Neue", sans-serif; */
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
src/styles/styles-layout.css
+22 -8
View File
@@ -29,7 +29,12 @@ distill-footer {
display: grid;
justify-items: stretch;
grid-template-columns: [screen-start] 8px [page-start kicker-start text-start gutter-start middle-start] 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr [text-end page-end gutter-end kicker-end middle-end] 8px [screen-end];
grid-column-gap: 30px;
grid-column-gap: 8px;
}
.grid {
display: grid;
grid-column-gap: 8px;
}
@media(min-width: 768px) {
@@ -45,7 +50,11 @@ distill-footer {
d-citation-list,
distill-footer {
grid-template-columns: [screen-start] 1fr [page-start kicker-start middle-start text-start] 45px 45px 45px 45px 45px 45px 45px 45px [ kicker-end text-end gutter-start] 45px [middle-end] 45px [page-end gutter-end] 1fr [screen-end];
grid-column-gap: 30px;
grid-column-gap: 16px;
}
.grid {
grid-column-gap: 16px;
}
}
@@ -62,7 +71,11 @@ distill-footer {
d-citation-list,
distill-footer {
grid-template-columns: [screen-start] 1fr [page-start kicker-start] 50px [middle-start] 50px [text-start kicker-end] 50px 50px 50px 50px 50px 50px 50px 50px [text-end gutter-start] 50px [middle-end] 50px [page-end gutter-end] 1fr [screen-end];
grid-column-gap: 30px;
grid-column-gap: 16px;
}
.grid {
grid-column-gap: 16px;
}
}
@@ -79,15 +92,16 @@ distill-footer {
d-citation-list,
distill-footer {
grid-template-columns: [screen-start] 1fr [page-start kicker-start] 60px [middle-start] 60px [text-start kicker-end] 60px 60px 60px 60px 60px 60px 60px 60px [text-end gutter-start] 60px [middle-end] 60px [page-end gutter-end] 1fr [screen-end];
grid-column-gap: 30px;
grid-column-gap: 32px;
}
.grid {
grid-column-gap: 32px;
}
}
.grid {
display: grid;
grid-column-gap: 30px;
}
.base-grid {
grid-column: screen;
src/transforms/byline.js
-1
View File
@@ -4,6 +4,5 @@ export default function(dom, data) {
const byline = dom.querySelector('d-byline');
if (byline) {
byline.innerHTML = bylineTemplate(data);
// byline.setAttribute('distill-prerendered', '');
}
}