aboutsummaryrefslogtreecommitdiffstats
path: root/old-apps/web-shared/src/styles/base/_breakpoints.scss
diff options
context:
space:
mode:
authorivarlovlie <git@ivarlovlie.no>2022-09-20 09:24:27 +0200
committerivarlovlie <git@ivarlovlie.no>2022-09-20 09:24:27 +0200
commita9072370ca1eb9a5cce928b1d487db0f307edea6 (patch)
tree59c3c23df930a8b5f888dc7813923abf4ceefed4 /old-apps/web-shared/src/styles/base/_breakpoints.scss
parent56fa963a1d63cbe0bf28e29e717cceaa417c45c1 (diff)
downloadgreatoffice-a9072370ca1eb9a5cce928b1d487db0f307edea6.tar.xz
greatoffice-a9072370ca1eb9a5cce928b1d487db0f307edea6.zip
feat: Move old apps into it's own directory
Diffstat (limited to 'old-apps/web-shared/src/styles/base/_breakpoints.scss')
-rw-r--r--old-apps/web-shared/src/styles/base/_breakpoints.scss19
1 files changed, 19 insertions, 0 deletions
diff --git a/old-apps/web-shared/src/styles/base/_breakpoints.scss b/old-apps/web-shared/src/styles/base/_breakpoints.scss
new file mode 100644
index 0000000..9b61af3
--- /dev/null
+++ b/old-apps/web-shared/src/styles/base/_breakpoints.scss
@@ -0,0 +1,19 @@
+$breakpoints: (
+ xs: "768px",
+ sm: "768px",
+ md: "1200px",
+ lg: "1200px",
+ xl: "1600px"
+) !default;
+
+@mixin breakpoint($breakpoint, $logic: false) {
+ @if ($logic) {
+ @media #{$logic} and (min-width: map-get($map: $breakpoints, $key: $breakpoint)) {
+ @content;
+ }
+ } @else {
+ @media (min-width: map-get($map: $breakpoints, $key: $breakpoint)) {
+ @content;
+ }
+ }
+}