From ab29d725320ff8e883394aee536ea37b74018009 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Mon, 13 Dec 2021 00:51:39 +0100
Subject: chore: define Sass functions, mixins, placeholders and variables

---
 src/styles/abstracts/functions/_convert.scss | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)
 create mode 100644 src/styles/abstracts/functions/_convert.scss

(limited to 'src/styles/abstracts/functions/_convert.scss')

diff --git a/src/styles/abstracts/functions/_convert.scss b/src/styles/abstracts/functions/_convert.scss
new file mode 100644
index 0000000..9f51dc7
--- /dev/null
+++ b/src/styles/abstracts/functions/_convert.scss
@@ -0,0 +1,16 @@
+@use "sass:math";
+
+/// Convert px to rem or em.
+/// @param  {Number} $px Value in px
+/// @param  {String} $to Unit. Either "rem" or "em"
+/// @param  {Number} $standard 1rem (or 1em) = 16px
+/// @return {Number} Value in rem or em
+@function convert-px($px, $to: "rem", $standard: 16) {
+  @if $to == "rem" {
+    @return math.div($px, $standard) + 0rem; // stylelint-disable-line
+  } @else if $to == "em" {
+    @return math.div($px, $standard) + 0em; // stylelint-disable-line
+  } @else {
+    @error "`$to` must be either `rem` or `em`.";
+  }
+}
-- 
cgit v1.2.3