2 files changed, 38 insertions, 0 deletions
diff --git a/scss/values/typography/_constants.scss b/scss/values/typography/_constants.scss
new file mode 100644
index 0000000..4ea0117
--- /dev/null
+++ b/scss/values/typography/_constants.scss
@@ -0,0 +1,20 @@
+$base-font-size: (
+  'xxl': 1.5rem,
+  'xl': 1.2rem,
+  'lg': 1.1rem,
+  'md': 1rem,
+  'sm': 0.9rem,
+  'xs': 0.8rem,
+  'initial': 0.7rem,
+);
+
+$font-size-factor: (
+  '0': 1,
+  '1': 1.25,
+  '2': 1.5,
+  '3': 2,
+  '4': 2.5,
+  '5': 3,
+  '6': 3.5
+);
+
diff --git a/scss/values/typography/_index.scss b/scss/values/typography/_index.scss
new file mode 100644
index 0000000..3aa4384
--- /dev/null
+++ b/scss/values/typography/_index.scss
@@ -0,0 +1,18 @@
+@use 'sass:map';
+
+@use 'constants';
+
+@function font-size($font-size-grade, $breakpoint: initial) {
+  @return calc(
+    map.get(constants.$base-font-size, $breakpoint)
+    * map.get(constants.$font-size-factor, $font-size-grade)
+  );
+}
+
+@function border-width($breakpoint: initial) {
+  @return calc(
+    map.get(constants.$base-font-size, $breakpoint)
+    / 8
+  );
+}
+