WIP: Redesign

1 files changed, 23 insertions, 0 deletions

diff --git a/assets/css/objects/_button.scss b/assets/css/objects/_button.scss
new file mode 100644
index 0000000..d97ca2d
--- /dev/null
+++ b/assets/css/objects/_button.scss
@@ -0,0 +1,23 @@
+@include namespace('button') {
+    @include store((
+        --dims: (
+            --pad-x: 1.4em,
+            --pad-y: .5em
+        ),
+        --colors: (
+            --bg: prop(--colors --fg-lo, $global: true),
+            --fg: prop(--colors --bg, $global: true),
+        )
+    ));
+
+    @include object(namespace()) {
+        display:          inline-block;
+        padding:          prop(--dims --pad-y) prop(--dims --pad-x);
+        border-radius:    10em;
+        background-color: prop(--colors --bg);
+        color:            prop(--colors --fg);
+        font-size:        1 / 16 * 14em;
+        font-weight:      500;
+        text-decoration:  none;
+    }
+}