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
|
//// case where behavior is responsive, or with a marker class
//@mixin media-breakpoint-down-or($breakpoint, $name) {
// #{unquote($name)} {
// @content
// }
//
// @include media-breakpoint-down($breakpoint) {
// @content
// }
//}
//
//// case where behavior is responsive, or with a marker class
//@mixin media-breakpoint-up-or($breakpoint, $name) {
// #{unquote($name)} {
// @content
// }
//
// @include media-breakpoint-up($breakpoint) {
// @content
// }
//}
//
//// Name of the previous breakpoint, or null
////
//// >> breakpoint-next(sm)
//// xs
//// >> breakpoint-next(sm, (xs: 0, sm: 544px, md: 768px))
//// xs
//// >> breakpoint-next(sm, $breakpoint-names: (xs sm md))
//// xs
//@function breakpoint-previous($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {
// $n: index($breakpoint-names, $name);
// @return if($n > 1, nth($breakpoint-names, $n - 1), null);
//}
|
