1234567891011121314151617181920212223242526 |
- $breakpoints: (
- "phone": (
- 0px,
- 1200px
- ),
- // "pad": (
- // 751px,
- // 991px
- // ),
- "tv": 1200px,
-
- );
- @mixin responseTo($breakname) {
- $bp: map-get($breakpoints, $breakname);
- @if type-of($bp) == "list" {
- @media (min-width: nth($bp,1)) and (max-width: nth($bp,2)) {
- @content;
- }
- } @else {
- @media (min-width: $bp) {
- @content;
- }
- }
- }
|