Walidoux/next-app-boilerplate
Walidoux/next-app-boilerplate
Template
1
1
Fork 0
Code Issues Pull Requests Actions Releases Activity

feat(styles): add breakpoint mixin

Browse Source
This commit is contained in:
Walid 2022-03-17 00:43:52 +01:00
parent 95fabbf1f9
commit 5c56b266a6
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
styles/abstracts/_mixins.scss
View File

@ -1,3 +1,5 @@
@import "variables";
@mixin display-flex($content: center, $items: center, $direction: row) { @mixin display-flex($content: center, $items: center, $direction: row) {
display: flex; display: flex;
justify-content: #{$content}; justify-content: #{$content};
@ -47,3 +49,9 @@
border-color: transparent $triangle-color transparent transparent; border-color: transparent $triangle-color transparent transparent;
} }
} }
@mixin breakpoint($query, $no-query: false) {
@include breakpoints.breakpoint($query, $no-query) {
@content;
}
}