summaryrefslogtreecommitdiff
path: root/design/sass/_queries.scss
blob: 4adf0b00e72af7fa1f34b177f38f1ae9778f91ee (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: 38em;
$breakpoint-beta: 49em;
$breakpoint-gamma: 56em;
$breakpoint-delta: 73.125em;
$breakpoint-epsilon: 60em;

@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; }
    }
}