From 1f68b40ab8b54623c23e0cc83033c6a8d920bb36 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Yannik=20R=C3=B6del?= <hey@yannik.info>
Date: Tue, 21 Sep 2021 13:46:27 +0200
Subject: [PATCH] Fix some SCSS warnings

---
 styles/base.scss                      | 4 ++++
 styles/components/_form-choices.scss  | 3 ++-
 styles/components/_form-elements.scss | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/styles/base.scss b/styles/base.scss
index c5f94dd..741f951 100644
--- a/styles/base.scss
+++ b/styles/base.scss
@@ -5,3 +5,7 @@
 @use 'components/banner';
 
 @include typography.root-config;
+
+* {
+  box-sizing: border-box;
+}
diff --git a/styles/components/_form-choices.scss b/styles/components/_form-choices.scss
index 605093a..0e65287 100644
--- a/styles/components/_form-choices.scss
+++ b/styles/components/_form-choices.scss
@@ -1,3 +1,4 @@
+@use 'sass:math';
 @use '../lib/colors';
 @use '../lib/motion';
 @use '../lib/layout';
@@ -23,7 +24,7 @@
 
     &:not(:last-child) {
       &:before {
-        top: calc(50% - #{layout.$large-gap / 2});
+        top: calc(50% - #{math.div(layout.$large-gap, 2)});
       }
 
       &::after {
diff --git a/styles/components/_form-elements.scss b/styles/components/_form-elements.scss
index e8d36d7..a1ec87d 100644
--- a/styles/components/_form-elements.scss
+++ b/styles/components/_form-elements.scss
@@ -16,7 +16,7 @@
 
 %base-form-input {
   background-color: transparent;
-  border: #{2px / 16px * 1rem} solid colors.$blue-800;
+  border: 0.1rem solid colors.$blue-800;
 }
 
 %form-input {