summaryrefslogtreecommitdiff
path: root/design/sass/_queries.scss
blob: 5b7dadcf86c01253c7963eb8ddc4de30b3167006 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
$breakpoint-alpha: 420px;
$breakpoint-beta: 728px;
$breakpoint-gamma: 824px;
$breakpoint-delta: 960px;
$breakpoint-epsilon: $max_width;

@mixin breakpoint($point) {
    @if $point == "alpha" {
        @media screen and (min-width:$breakpoint-alpha ){ @content; }
    }
    @else if $point == "beta" {
        @media screen and  (min-width: $breakpoint-beta) { @content; }
    }
    @else if $point == "gamma" {
        @media screen and (min-width: $breakpoint-gamma)  { @content; }
    }
    @else if $point == "delta" {
        @media screen and (min-width: $breakpoint-delta)  { @content; }
    }
    @else if $point == "epsilon" {
        @media screen and (min-width: $breakpoint-epsilon)  { @content; }
    }
}