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

Reframe grid

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

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

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