achmizs/deus-gaming
1
0
Fork 1
Code Issues Pull Requests 1 Releases Wiki Activity

Compare commits

base: achmizs:2b6ad04d9e0aa5abc126907d79ae38aa2171fd26
Branches Tags
achmizs:master
achmizs:full-screen-logo-homepage
..
compare: achmizs:1b58e1b93e1baa1eca68a236a3e8908ffe256a10
Branches Tags
achmizs:master
achmizs:full-screen-logo-homepage

No commits in common. "2b6ad04d9e0aa5abc126907d79ae38aa2171fd26" and "1b58e1b93e1baa1eca68a236a3e8908ffe256a10" have entirely different histories.
2b6ad04d9e ... 1b58e1b93e

1 changed files with 22 additions and 42 deletions
Show Stats Expand all files Collapse all files

64
assets/css/main.css
View File

@ -603,40 +603,30 @@ main.gallery-layout {
align-items: start; align-items: start;
margin: 1rem 1rem 0 1rem; margin: 1rem 1rem 0 1rem;
} }
@media only screen and (max-width: 960px) {
main.gallery-layout {
grid-template-columns: 1fr;
}
}
main.gallery-layout article { main.gallery-layout article {
grid-column-start: -2; grid-column-start: -2;
grid-row: 1; grid-row: 1;
margin-top: 5rem; margin-top: 5rem;
} }
@media only screen and (max-width: 960px) {
main.gallery-layout article {
margin-top: 1rem;
}
}
@media only screen and (min-width: 961px) { main.gallery-layout article h1 {
main.gallery-layout article h1 { border: none;
border: none; background-color: transparent;
background-color: transparent; box-shadow: none;
box-shadow: none; float: none;
float: none; padding: 0;
font-size: 2.5em; margin: -7.5rem 0 2.75rem calc(-1 * var(--deus-post-padding));
line-height: 1.1; font-size: 3em;
font-size: 3em; }
position: absolute; main.gallery-layout article h1::after {
padding: 0; content: none;
left: 0; }
margin: 0; @media only screen and (max-width: 960px) {
bottom: calc(100% + 1.5rem); main.gallery-layout article h1 {
} margin: -7.25rem 0 3rem calc(-1 * var(--deus-post-padding));
main.gallery-layout article h1::after { margin-left: 0;
content: none; margin-right: 0;
} }
} }
@ -647,9 +637,12 @@ main.gallery-layout article {
} }
.gallery { .gallery {
--deus-gallery-column-count: 12;
--deus-gallery-grid-gap: 0.5em;
display: grid; display: grid;
grid-template-columns: repeat(12, auto); grid-template-columns: repeat(var(--deus-gallery-column-count), auto);
grid-gap: 0.5em; grid-gap: var(--deus-gallery-grid-gap);
align-content: start; align-content: start;
} }
@ -662,16 +655,3 @@ main.gallery-layout article {
.gallery .small { .gallery .small {
grid-column: span 4; grid-column: span 4;
} }
@media only screen and (max-width: 960px) {
.gallery {
grid-template-columns: repeat(6, auto);
grid-gap: 0.75em;
}
.gallery .large {
grid-column: span 6;
}
.gallery .small {
grid-column: span 3;
}
}