summaryrefslogtreecommitdiffstats
path: root/apps/web-shared/src/styles/base
diff options
context:
space:
mode:
authorivarlovlie <git@ivarlovlie.no>2022-06-05 15:43:08 +0200
committerivarlovlie <git@ivarlovlie.no>2022-06-05 15:43:33 +0200
commit1cb220ef54ddaf635b322d8c24f38613f371285e (patch)
tree8fa0445d9642b8774b7ecfeea5d45a244403d82d /apps/web-shared/src/styles/base
parentdccb6a5cf79699ed78bc3101f76c97b21f5a842e (diff)
downloadgreatoffice-1cb220ef54ddaf635b322d8c24f38613f371285e.tar.xz
greatoffice-1cb220ef54ddaf635b322d8c24f38613f371285e.zip
feat: New frontpage
Diffstat (limited to 'apps/web-shared/src/styles/base')
-rw-r--r--apps/web-shared/src/styles/base/_breakpoints.scss20
-rw-r--r--apps/web-shared/src/styles/base/_util.scss2
2 files changed, 13 insertions, 9 deletions
diff --git a/apps/web-shared/src/styles/base/_breakpoints.scss b/apps/web-shared/src/styles/base/_breakpoints.scss
index a7f1eda..9b61af3 100644
--- a/apps/web-shared/src/styles/base/_breakpoints.scss
+++ b/apps/web-shared/src/styles/base/_breakpoints.scss
@@ -1,15 +1,19 @@
$breakpoints: (
- xs: 32rem, // ~512px
- sm: 48rem, // ~768px
- md: 64rem, // ~1024px
- lg: 80rem, // ~1280px
- xl: 90rem // ~1440px
+ 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; }
+ @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; }
+ @media (min-width: map-get($map: $breakpoints, $key: $breakpoint)) {
+ @content;
+ }
}
}
diff --git a/apps/web-shared/src/styles/base/_util.scss b/apps/web-shared/src/styles/base/_util.scss
index d688e1c..c384c2c 100644
--- a/apps/web-shared/src/styles/base/_util.scss
+++ b/apps/web-shared/src/styles/base/_util.scss
@@ -1250,7 +1250,7 @@ $breakpointsNr: length($breakpoints);
[class^="translate"], [class*=" translate"],
[class^="-scale"], [class*=" -scale"],
[class^="scale"], [class*=" scale"],
-[class^="-skew"], [class*=" -skew"]
+[class^="-skew"], [class*=" -skew"],
[class^="skew"], [class*=" skew"] {
--translate: 0;
--rotate: 0;