peterkrzyzek
/
ghost_leaders_theme
1
0
Fork 0
Code Issues 4 Pull Requests Packages Projects Releases Wiki Activity

Reframe grid

This commit is contained in:
John O'Nolan 2019-11-12 01:17:23 +07:00
parent 7a07f65068
commit f3d922da41
3 changed files with 34 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/built/screen.css
View File

File diff suppressed because one or more lines are too long

2
assets/built/screen.css.map
View File

File diff suppressed because one or more lines are too long

52
assets/css/components/content.css
View File

@ -6,42 +6,50 @@
display: grid; display: grid;
grid-template-columns: grid-template-columns:
[full-start] [full-start]
minmax(calc(calc(100% - 1040px) / 2), 1fr) minmax(calc(calc(100% - 1200px) / 2), 1fr)
[wide-start] [wide-start]
2fr auto
[main-start] [main-start]
repeat(10, [col-start] 1fr) 720px
[main-end] [main-end]
2fr auto
[wide-end] [wide-end]
minmax(calc(calc(100% - 1040px) / 2), 1fr) minmax(calc(calc(100% - 1200px) / 2), 1fr)
[full-end] [full-end]
; ;
} }
@media (max-width: 1000px) { @media (max-width: 1296px) {
.gh-canvas { .gh-canvas {
grid-template-columns: grid-template-columns:
[full-start] [full-start]
minmax(calc(calc(100% - 700px) / 2), 1fr) 4vw
[wide-start main-start] [wide-start]
repeat(10, [col-start] 1fr) auto
[main-end wide-end] [main-start]
minmax(calc(calc(100% - 700px) / 2), 1fr) 720px
[main-end]
auto
[wide-end]
4vw
[full-end] [full-end]
; ;
} }
} }
@media (max-width: 740px) { @media (max-width: 778px) {
.gh-canvas { .gh-canvas {
grid-template-columns: grid-template-columns:
[full-start] [full-start]
4vw 4vw
[wide-start main-start] [wide-start]
repeat(10, [col-start] 1fr) auto
[main-end wide-end] [main-start]
4vw auto
[main-end]
auto
[wide-end]
4vw
[full-end] [full-end]
; ;
} }
@ -178,11 +186,15 @@
.kg-card figcaption { .kg-card figcaption {
padding: 1.5rem 1.5rem 0; padding: 1.5rem 1.5rem 0;
text-align: center;
color: rgba(0,0,0,0.5);
font-weight: 600;
font-size: 1.3rem; font-size: 1.3rem;
line-height: 1.4em; line-height: 1.4em;
font-weight: 600; }
text-align: center;
opacity: 0.4; .kg-card figcaption strong {
color: rgba(0,0,0,0.8);
} }
.gh-canvas :not(pre) code { .gh-canvas :not(pre) code {