diff options
| author | ivarlovlie <git@ivarlovlie.no> | 2022-06-05 15:43:08 +0200 |
|---|---|---|
| committer | ivarlovlie <git@ivarlovlie.no> | 2022-06-05 15:43:33 +0200 |
| commit | 1cb220ef54ddaf635b322d8c24f38613f371285e (patch) | |
| tree | 8fa0445d9642b8774b7ecfeea5d45a244403d82d /apps/web-shared/src/styles/base | |
| parent | dccb6a5cf79699ed78bc3101f76c97b21f5a842e (diff) | |
| download | greatoffice-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.scss | 20 | ||||
| -rw-r--r-- | apps/web-shared/src/styles/base/_util.scss | 2 |
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; |
