wassname/template
1
0
Fork 0
mirror of https://github.com/wassname/template.git synced 2026-07-30 12:40:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'v2.1' of https://github.com/distillpub/distill-template into v2.1

Browse Source
This commit is contained in:
Shan Carter
2017-10-13 15:24:01 -07:00
parent 0e75be4272 44f14bffe7
commit 16ec5a0f63
4 changed files with 25 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
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;