From 934797e07409e7e56cbed10f67504eaf4f0c9d41 Mon Sep 17 00:00:00 2001
From: Guilherme Danno <guilherme.danno@gmail.com>
Date: Sun, 3 May 2020 20:45:14 -0300
Subject: [PATCH] feat: add mixins file

---
 src/styles/_mixins.scss | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 src/styles/_mixins.scss

diff --git a/src/styles/_mixins.scss b/src/styles/_mixins.scss
new file mode 100644
index 000000000..ed23ab083
--- /dev/null
+++ b/src/styles/_mixins.scss
@@ -0,0 +1,23 @@
+@mixin background-cover($position) {
+    background-position: $position;
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+
+@mixin circle($size) {
+    @include square($size);
+    border-radius: 100%;
+}
+
+@mixin position($position, $top: null, $right: null, $bottom: null, $left: null) {
+    position: $position;
+    top: $top;
+    right: $right;
+    bottom: $bottom;
+    left: $left;
+}
+
+@mixin square($size) {
+    height: $size;
+    width: $size;
+}