aboutsummaryrefslogtreecommitdiff
path: root/packages/client/src/scss/_mixins.scss
diff options
context:
space:
mode:
authorHampusM <hampus@hampusmat.com>2021-06-11 13:31:07 +0200
committerHampusM <hampus@hampusmat.com>2021-06-11 13:31:07 +0200
commit7e9433762f51be2c4938481c9c33589982118033 (patch)
tree9cfc36a1d59ac3c926bfcb2e222449da14cfec5d /packages/client/src/scss/_mixins.scss
parent55ab996795efdb125437d5728b50d03ac5d2612d (diff)
Goodbye, Bootstrap & added a button component
Diffstat (limited to 'packages/client/src/scss/_mixins.scss')
-rw-r--r--packages/client/src/scss/_mixins.scss20
1 files changed, 20 insertions, 0 deletions
diff --git a/packages/client/src/scss/_mixins.scss b/packages/client/src/scss/_mixins.scss
new file mode 100644
index 0000000..a84de6a
--- /dev/null
+++ b/packages/client/src/scss/_mixins.scss
@@ -0,0 +1,20 @@
+@use "colors";
+
+@mixin header {
+ display: flex;
+ margin-top: 1rem;
+ margin-left: 1.5rem;
+ margin-bottom: 1rem;
+}
+
+@mixin button {
+ color: colors.$text;
+ background-color: colors.$primary-light;
+ padding: 8px 12px 8px 12px;
+ border: 0;
+ border-radius: 5px;
+ transition: background-color 0.2s ease-in-out;
+ &:hover {
+ background-color: colors.$primary;
+ }
+} \ No newline at end of file