From 84b37315538807e37d110f5cc39c50f0d29471e5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= Date: Tue, 5 Oct 2021 20:59:49 +0200 Subject: [PATCH] Shorthand write grid-column when starting from 1 --- src/style/layout/_modules.scss | 2 +- src/style/organisms/_footer.scss | 6 +++--- src/style/pages/_credits.scss | 2 +- src/style/pages/_explore.scss | 2 +- 4 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/style/layout/_modules.scss b/src/style/layout/_modules.scss index 79bdee8..e89ed5b 100644 --- a/src/style/layout/_modules.scss +++ b/src/style/layout/_modules.scss @@ -11,7 +11,7 @@ } display: block; - grid-column: 1 / span var(--columns); + grid-column: span var(--columns); grid-template-columns: 1fr 40%; grid-column-gap: 48px; padding: 0; diff --git a/src/style/organisms/_footer.scss b/src/style/organisms/_footer.scss index 38c2452..0ba7291 100644 --- a/src/style/organisms/_footer.scss +++ b/src/style/organisms/_footer.scss @@ -13,7 +13,7 @@ } .site-title { - grid-column: 1 / span var(--columns); + grid-column: span var(--columns); grid-row: 1; margin-bottom: 40px; @@ -29,7 +29,7 @@ } &__links { - grid-column: 1 / span var(--columns); + grid-column: span var(--columns); grid-row: 2; @include bp (sm) { @@ -69,7 +69,7 @@ } &__ctf { - grid-column: 1 / span var(--columns); + grid-column: span var(--columns); grid-row: 2; margin-left: auto; margin-top: auto; diff --git a/src/style/pages/_credits.scss b/src/style/pages/_credits.scss index 3081cc2..91009fe 100644 --- a/src/style/pages/_credits.scss +++ b/src/style/pages/_credits.scss @@ -52,7 +52,7 @@ line-height: 1; @include bp (sm) { - grid-column: 1 / span 8; + grid-column: span 8; font-size: rem(28px); } } diff --git a/src/style/pages/_explore.scss b/src/style/pages/_explore.scss index b5dc3d4..1567817 100644 --- a/src/style/pages/_explore.scss +++ b/src/style/pages/_explore.scss @@ -41,7 +41,7 @@ // Modules .grid-modules { - grid-column: 1 / span var(--columns); + grid-column: span var(--columns); margin: 96px 20px 0; padding-bottom: 40px;