From 8063ae6ceb1ee19da6da28cd510704137d572763 Mon Sep 17 00:00:00 2001 From: Justin Edmund Date: Sun, 6 Mar 2022 14:07:24 -0800 Subject: [PATCH] Fix: Slash as Division https://sass-lang.com/documentation/breaking-changes/slash-div --- components/CharacterResult/index.scss | 4 ++-- components/ElementToggle/index.scss | 4 ++-- components/Fieldset/index.scss | 2 +- components/GridRep/index.scss | 12 ++++++------ components/LoginModal/index.scss | 2 +- components/Modal/index.scss | 2 +- components/SearchModal/index.scss | 2 +- components/SignupModal/index.scss | 2 +- components/SummonResult/index.scss | 6 +++--- components/WeaponHovercard/index.scss | 2 +- components/WeaponModal/index.scss | 2 +- components/WeaponResult/index.scss | 4 ++-- components/WeaponUnit/index.scss | 2 +- styles/globals.scss | 6 +++--- 14 files changed, 26 insertions(+), 26 deletions(-) diff --git a/components/CharacterResult/index.scss b/components/CharacterResult/index.scss index e7540ad0..7c19ab70 100644 --- a/components/CharacterResult/index.scss +++ b/components/CharacterResult/index.scss @@ -21,7 +21,7 @@ display: flex; flex-direction: column; flex-grow: 1; - gap: $unit / 2; + gap: calc($unit / 2); h5 { color: #555; @@ -48,7 +48,7 @@ .tags { display: flex; flex-direction: row; - gap: $unit / 2; + gap: calc($unit / 2); .WeaponLabelIcon { $aspect-ratio: calc(25 / 60); diff --git a/components/ElementToggle/index.scss b/components/ElementToggle/index.scss index 06d7a160..f675e16a 100644 --- a/components/ElementToggle/index.scss +++ b/components/ElementToggle/index.scss @@ -5,8 +5,8 @@ border-radius: $height; display: flex; height: $height; - gap: $unit / 4; - padding: $unit / 2; + gap: calc($unit / 4); + padding: calc($unit / 2); .ToggleItem { background: white; diff --git a/components/Fieldset/index.scss b/components/Fieldset/index.scss index 98e37113..99587b40 100644 --- a/components/Fieldset/index.scss +++ b/components/Fieldset/index.scss @@ -23,7 +23,7 @@ color: $error; font-size: $font-tiny; margin: $unit 0; - padding: ($unit / 2) ($unit * 2); + padding: calc($unit / 2) ($unit * 2); } } diff --git a/components/GridRep/index.scss b/components/GridRep/index.scss index d8850306..288b6ac6 100644 --- a/components/GridRep/index.scss +++ b/components/GridRep/index.scss @@ -60,7 +60,7 @@ .Details { display: flex; flex-direction: column; - gap: $unit / 2; + gap: calc($unit / 2); h2 { color: $grey-00; @@ -74,14 +74,14 @@ .top { display: flex; flex-direction: row; - gap: $unit / 2; + gap: calc($unit / 2); align-items: center; .info { display: flex; flex-direction: column; flex-grow: 1; - gap: $unit / 2; + gap: calc($unit / 2); } button svg { @@ -110,19 +110,19 @@ } .raid { - margin-bottom: $unit / 2; + margin-bottom: calc($unit / 2); } .user { display: flex; - gap: $unit / 2; + gap: calc($unit / 2); align-items: center; img, .no-user { $diameter: 18px; - border-radius: $diameter / 2; + border-radius: calc($diameter / 2); height: $diameter; width: $diameter; } diff --git a/components/LoginModal/index.scss b/components/LoginModal/index.scss index e9628d99..f77633b8 100644 --- a/components/LoginModal/index.scss +++ b/components/LoginModal/index.scss @@ -1,7 +1,7 @@ .Login.Dialog form { display: flex; flex-direction: column; - gap: $unit / 2; + gap: calc($unit / 2); margin-bottom: $unit; .Button { diff --git a/components/Modal/index.scss b/components/Modal/index.scss index acc22037..4373feb8 100644 --- a/components/Modal/index.scss +++ b/components/Modal/index.scss @@ -40,7 +40,7 @@ svg { fill: $grey-50; - padding: $unit / 2; + padding: calc($unit / 2); height: 18px; width: 18px; transform: rotate(45deg); diff --git a/components/SearchModal/index.scss b/components/SearchModal/index.scss index ec7de280..d9b5e5aa 100644 --- a/components/SearchModal/index.scss +++ b/components/SearchModal/index.scss @@ -29,7 +29,7 @@ .Input { background: $grey-90; border: none; - border-radius: $unit / 2; + border-radius: calc($unit / 2); box-sizing: border-box; font-size: $font-regular; padding: $unit * 1.5; diff --git a/components/SignupModal/index.scss b/components/SignupModal/index.scss index fad95e51..8a537279 100644 --- a/components/SignupModal/index.scss +++ b/components/SignupModal/index.scss @@ -1,7 +1,7 @@ .Signup.Dialog form { display: flex; flex-direction: column; - gap: $unit / 2; + gap: calc($unit / 2); margin-bottom: $unit; .Button { diff --git a/components/SummonResult/index.scss b/components/SummonResult/index.scss index edc2dcec..0b75c515 100644 --- a/components/SummonResult/index.scss +++ b/components/SummonResult/index.scss @@ -21,7 +21,7 @@ display: flex; flex-direction: column; flex-grow: 1; - gap: $unit / 2; + gap: calc($unit / 2); h5 { color: #555; @@ -48,7 +48,7 @@ .tags { display: flex; flex-direction: row; - gap: $unit / 2; + gap: calc($unit / 2); .WeaponLabelIcon { $aspect-ratio: calc(25 / 60); @@ -56,7 +56,7 @@ background-size: calc($height / $aspect-ratio) $height; background-repeat: no-repeat; height: $height; - width: calc($height/ $aspect-ratio); + width: calc($height / $aspect-ratio); } } } diff --git a/components/WeaponHovercard/index.scss b/components/WeaponHovercard/index.scss index 4e540a09..0a824776 100644 --- a/components/WeaponHovercard/index.scss +++ b/components/WeaponHovercard/index.scss @@ -36,6 +36,6 @@ display: flex; flex-direction: column; font-size: $normal; - gap: $unit / 2; + gap: calc($unit / 2); } } \ No newline at end of file diff --git a/components/WeaponModal/index.scss b/components/WeaponModal/index.scss index a0ec1acd..34e8543d 100644 --- a/components/WeaponModal/index.scss +++ b/components/WeaponModal/index.scss @@ -7,7 +7,7 @@ section { display: flex; flex-direction: column; - gap: $unit / 2; + gap: calc($unit / 2); h3 { color: $grey-50; diff --git a/components/WeaponResult/index.scss b/components/WeaponResult/index.scss index 223b8546..c4fa547e 100644 --- a/components/WeaponResult/index.scss +++ b/components/WeaponResult/index.scss @@ -21,7 +21,7 @@ display: flex; flex-direction: column; flex-grow: 1; - gap: $unit / 2; + gap: calc($unit / 2); h5 { color: #555; @@ -48,7 +48,7 @@ .tags { display: flex; flex-direction: row; - gap: $unit / 2; + gap: calc($unit / 2); .WeaponLabelIcon { $aspect-ratio: calc(25 / 60); diff --git a/components/WeaponUnit/index.scss b/components/WeaponUnit/index.scss index c3e1881d..d1f86a60 100644 --- a/components/WeaponUnit/index.scss +++ b/components/WeaponUnit/index.scss @@ -97,7 +97,7 @@ display: flex; align-items: center; justify-content: center; - margin-bottom: $unit / 4; + margin-bottom: calc($unit / 4); overflow: hidden; transition: all 0.18s ease-in-out; diff --git a/styles/globals.scss b/styles/globals.scss index fbea1ea5..5f7e84fa 100644 --- a/styles/globals.scss +++ b/styles/globals.scss @@ -155,7 +155,7 @@ select { display: flex; flex-direction: column; flex-grow: 1; - gap: $unit / 2; + gap: calc($unit / 2); .SubTitle { color: $grey-50; @@ -188,7 +188,7 @@ select { .top { display: flex; flex-direction: column; - gap: $unit / 2; + gap: calc($unit / 2); .title { align-items: center; @@ -320,7 +320,7 @@ img.profile { i.tag { background: $grey-90; - border-radius: $unit / 2; + border-radius: calc($unit / 2); font-size: 10px; font-weight: $bold; padding: 4px 6px;