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