updated the arrows

diff --git a/root/scss/mixins/_off-canvas-arrow.scss b/root/scss/mixins/_off-canvas-arrow.scss
index 4beb816..07180f3 100644 (file)
--- a/root/scss/mixins/_off-canvas-arrow.scss
+++ b/root/scss/mixins/_off-canvas-arrow.scss
@@ -9,4 +9,34 @@
     border-top: $size solid $color;
     border-bottom: 0;
    }
+}
+@mixin off-canvas-point($direction: right, $color: red, $size: 1rem) {
+    @if $direction == 'down' {
+        content: '>';
+        transform: rotate(90deg);
+        color: $color;
+        height: $size;
+        width: $size;
+        font-size: $size;
+        font-weight: bold;
+        display: block;
+    } @if $direction == 'up' {
+        content: '>';
+        transform: rotate(-90deg);
+        color: $color;
+        height: $size;
+        width: $size;
+        font-size: $size;
+        font-weight: bold;
+        display: block;
+    } @else if $direction == 'right' {
+        content: '>';
+        transform: rotate(0deg);
+        color: $color;
+        height: $size;
+        width: $size;
+        font-size: $size;
+        font-weight: bold;
+        display: block;
+    }
 }
\ No newline at end of file