feat(styles): add breakpoint mixin

2022-03-17 00:43:52 +01:00 · 2022-03-17 00:43:52 +01:00 · 5c56b266a6
commit 5c56b266a6
parent 95fabbf1f9
1 changed files with 8 additions and 0 deletions
--- a/styles/abstracts/_mixins.scss
+++ b/styles/abstracts/_mixins.scss
@ -1,3 +1,5 @@
+@import "variables";
+
@mixin display-flex($content: center, $items: center, $direction: row) {
  display: flex;
  justify-content: #{$content};
@ -47,3 +49,9 @@
    border-color: transparent $triangle-color transparent transparent;
  }
 }
+
+@mixin breakpoint($query, $no-query: false) {
+  @include breakpoints.breakpoint($query, $no-query) {
+    @content;
+  }
+}