apps/web-shared/src/styles/base/_breakpoints.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
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;
    }
  }
}