_breakpoints.scss
21 lines
| 1 | // Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front. |
| 2 | // Useful for making responsive utilities. |
| 3 | // |
| 4 | // >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)) |
| 5 | // "" (Returns a blank string) |
| 6 | // >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)) |
| 7 | // "-sm" |
| 8 | @function breakpoint-infix($name, $breakpoints: $grid-breakpoints) { |
| 9 | @return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}"); |
| 10 | } |
| 11 | |
| 12 | /** Minimum breakpoint width. Null for the smallest (first) breakpoint. |
| 13 | * |
| 14 | * >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)) |
| 15 | * 576px |
| 16 | **/ |
| 17 | @function breakpoint-min($name, $breakpoints: $grid-breakpoints) { |
| 18 | $min: map-get($breakpoints, $name); |
| 19 | @return if($min != 0, $min, null); |
| 20 | } |
| 21 |