From d5b14d90632a62073ff7e06d3734246a02fbd1ea Mon Sep 17 00:00:00 2001 From: Keith Date: Thu, 19 Oct 2023 01:28:03 +0900 Subject: [PATCH] style: use stylelint to format scss --- src/pages/journey/Journey.module.scss | 2 +- src/pages/journey/Section.module.scss | 7 ++++--- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/src/pages/journey/Journey.module.scss b/src/pages/journey/Journey.module.scss index 2f1eac72..a84f8dd8 100644 --- a/src/pages/journey/Journey.module.scss +++ b/src/pages/journey/Journey.module.scss @@ -14,7 +14,7 @@ img { width: 405px; height: 348.81px; - @media screen and (max-width: 1080px) { + @media screen and (width <= 1080px) { width: 30vw; height: 25.8vw; } diff --git a/src/pages/journey/Section.module.scss b/src/pages/journey/Section.module.scss index a36d7379..180a8d58 100644 --- a/src/pages/journey/Section.module.scss +++ b/src/pages/journey/Section.module.scss @@ -12,17 +12,17 @@ transform: translate(-140px, -20px); img { - @media screen and (max-width: 1080px) { + @media screen and (width <= 1080px) { max-width: 244px; max-height: 244px; object-fit: contain; } - @media screen and (max-width: 850px) { + @media screen and (width <= 850px) { max-width: 224px; max-height: 224px; object-fit: contain; } - @media screen and (max-width: 720px) { + @media screen and (width <= 720px) { max-width: 184px; max-height: 184px; object-fit: contain; @@ -72,6 +72,7 @@ background: linear-gradient(268deg, #1d61f0 0%, #18efb1 100%); background-clip: text; -webkit-text-fill-color: transparent; + svg { color: #1d61f0; }