2020-03-07 03:11:52 +01:00
|
|
|
.screen {
|
2021-03-13 15:48:58 +01:00
|
|
|
margin: calc(var(--spacer) * var(--line-height)) auto 0 auto;
|
2021-03-13 16:19:24 +01:00
|
|
|
padding-left: 5vw;
|
|
|
|
padding-right: 5vw;
|
2020-03-07 03:11:52 +01:00
|
|
|
}
|
|
|
|
|
2021-03-13 15:48:58 +01:00
|
|
|
@media (min-width: 55rem) {
|
|
|
|
.screen {
|
2021-03-13 16:19:24 +01:00
|
|
|
max-width: calc(var(--projectImageMaxWidth) + 10vw);
|
2021-03-13 15:48:58 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Single Project Page */
|
2020-03-07 03:11:52 +01:00
|
|
|
.screen > article {
|
2020-03-22 00:27:33 +01:00
|
|
|
display: grid;
|
|
|
|
grid-template-columns:
|
2021-03-13 16:19:24 +01:00
|
|
|
[full-start] minmax(calc(var(--spacer) / 2), 1fr)
|
2020-03-22 00:27:33 +01:00
|
|
|
[main-start] minmax(0, 38rem) [main-end]
|
2021-03-13 16:19:24 +01:00
|
|
|
minmax(calc(var(--spacer) / 2), 1fr) [full-end];
|
2020-03-07 03:11:52 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.screen > article > * {
|
2020-03-22 00:27:33 +01:00
|
|
|
grid-column: main;
|
2020-03-07 03:11:52 +01:00
|
|
|
}
|
2021-03-13 16:19:24 +01:00
|
|
|
|
2021-03-13 17:42:21 +01:00
|
|
|
/* Projects Grid */
|
2021-03-13 16:19:24 +01:00
|
|
|
.grid {
|
|
|
|
display: grid;
|
|
|
|
gap: calc(var(--spacer) * 2);
|
|
|
|
grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 55rem) {
|
|
|
|
.grid {
|
2021-03-13 17:42:21 +01:00
|
|
|
gap: calc(var(--spacer) * 3);
|
2021-03-13 16:19:24 +01:00
|
|
|
grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.fullContainer {
|
|
|
|
grid-column: full !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.fullWidth {
|
|
|
|
margin-left: calc(50% - 50vw);
|
|
|
|
margin-right: calc(50% - 50vw);
|
|
|
|
}
|