Added grid to full width cards with wide content

Refs https://github.com/TryGhost/Team/issues/3459
This commit is contained in:
Sanne de Vries 2023-06-22 21:17:03 +02:00
parent 0721600075
commit 2fafe722d1
3 changed files with 4 additions and 3 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1295,7 +1295,8 @@ html.no-infinite-scroll .pagination {
is laid out on top of. Canvas just defines the grid, we don't is laid out on top of. Canvas just defines the grid, we don't
use it for applying any other styles. */ use it for applying any other styles. */
.gh-canvas { .gh-canvas,
.kg-width-full.kg-content-wide {
--gap: max(4vmin, 20px); --gap: max(4vmin, 20px);
--main: min(var(--content-width, 720px), 100% - var(--gap) * 2); --main: min(var(--content-width, 720px), 100% - var(--gap) * 2);
--wide: minmax(0, calc((var(--container-width, 1200px) - var(--content-width, 720px)) / 2)); --wide: minmax(0, calc((var(--container-width, 1200px) - var(--content-width, 720px)) / 2));