tool.scss 452 B

1234567891011121314151617181920212223242526
  1. $breakpoints: (
  2. "phone": (
  3. 0px,
  4. 1200px
  5. ),
  6. // "pad": (
  7. // 751px,
  8. // 991px
  9. // ),
  10. "tv": 1200px,
  11. );
  12. @mixin responseTo($breakname) {
  13. $bp: map-get($breakpoints, $breakname);
  14. @if type-of($bp) == "list" {
  15. @media (min-width: nth($bp,1)) and (max-width: nth($bp,2)) {
  16. @content;
  17. }
  18. } @else {
  19. @media (min-width: $bp) {
  20. @content;
  21. }
  22. }
  23. }