-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.scss
58 lines (45 loc) · 1.17 KB
/
main.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
//
// # Variables
// =============================================================================
$break-amount: 12 !default;
$break-max: 960px !default;
//
// # Hooks
// =============================================================================
$_break-loop: null !default;
$_break-map: () !default;
//
// # Map
// =============================================================================
@mixin _break-map($amount, $max) {
@for $i from 1 through $amount {
$break: ($i: ($max / $amount) * $i);
$_break-map: map-merge($_break-map, $break) !global;
}
}
@include _break-map($break-amount, $break-max);
//
// # Break
// =============================================================================
@mixin break($break) {
@media (min-width: map-get($_break-map, $break)) {
@content;
}
}
@mixin break-max($break) {
@media (max-width: map-get($_break-map, $break) - 1px) {
@content;
}
}
//
// # Loop
// =============================================================================
@mixin break-loop($amount) {
@content;
@for $i from 1 through $amount {
$_break-loop: $i !global;
@include break($_break-loop) {
@content;
}
}
}