Blame view

frontend/web/css/breakpoints.scss 523 Bytes
eb56e5f2   Administrator   first commit
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
  $breakpoints: (

          'xs':  ( min-width:  480px ),

          'sm':  ( min-width:  768px ),

          'md': ( min-width:  992px ),

          'lg':  ( min-width: 1200px )

  ) !default;

  

  @mixin respond-to($breakpoint) {

    @if map-has-key($breakpoints, $breakpoint) {

      @media #{inspect(map-get($breakpoints, $breakpoint))} {

        @content;

      }

    }

    @else {

      @warn "Unfortunately, no value could be retrieved from `#{$breakpoint}`. "

          + "Available breakpoints are: #{map-keys($breakpoints)}.";

    }

  }