From 10d2dba7c185290ed6685804a8aecab586aa4db3 Mon Sep 17 00:00:00 2001
From: Kevin Powell <hi@kevinpowell.co>
Date: Sun, 19 Jun 2022 11:13:38 -0400
Subject: [PATCH] new challenges

---
 challenges/05-partials/01/abstracts/_colors.scss    |  2 ++
 .../05-partials/01/abstracts/_font-sizes.scss       |  3 +++
 challenges/05-partials/01/abstracts/_mixins.scss    | 13 +++++++++++++
 challenges/05-partials/01/main.scss                 |  7 +++++++
 4 files changed, 25 insertions(+)
 create mode 100644 challenges/05-partials/01/abstracts/_colors.scss
 create mode 100644 challenges/05-partials/01/abstracts/_font-sizes.scss
 create mode 100644 challenges/05-partials/01/abstracts/_mixins.scss
 create mode 100644 challenges/05-partials/01/main.scss

diff --git a/challenges/05-partials/01/abstracts/_colors.scss b/challenges/05-partials/01/abstracts/_colors.scss
new file mode 100644
index 0000000..a339d48
--- /dev/null
+++ b/challenges/05-partials/01/abstracts/_colors.scss
@@ -0,0 +1,2 @@
+$clr-primary: #234;
+$clr-secondary: #123;
diff --git a/challenges/05-partials/01/abstracts/_font-sizes.scss b/challenges/05-partials/01/abstracts/_font-sizes.scss
new file mode 100644
index 0000000..2977b7f
--- /dev/null
+++ b/challenges/05-partials/01/abstracts/_font-sizes.scss
@@ -0,0 +1,3 @@
+$fs-400: 1.125rem;
+$fs-500: 1.25rem;
+$fs-600: 1.5rem;
diff --git a/challenges/05-partials/01/abstracts/_mixins.scss b/challenges/05-partials/01/abstracts/_mixins.scss
new file mode 100644
index 0000000..30bd667
--- /dev/null
+++ b/challenges/05-partials/01/abstracts/_mixins.scss
@@ -0,0 +1,13 @@
+@mixin decorative-corner($color: #333) {
+  position: relative;
+  &::before {
+    content: "";
+    position: absolute;
+    left: -4rem;
+    top: -4rem;
+    width: 100px;
+    aspect-ratio: 1;
+    border-left: 3px solid $color;
+    border-top: 3px solid $color;
+  }
+}
diff --git a/challenges/05-partials/01/main.scss b/challenges/05-partials/01/main.scss
new file mode 100644
index 0000000..26c3c6a
--- /dev/null
+++ b/challenges/05-partials/01/main.scss
@@ -0,0 +1,7 @@
+@use "abstracts/colors";
+@use "abstracts/font-sizes";
+
+.card {
+  font-size: $fs-400;
+  color: $clr-primary;
+}