您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

mixin_responsive.scss 352B

123456789101112131415161718192021222324
  1. //576px
  2. @mixin mobile-only {
  3. @media screen and (max-width: $sm) {
  4. @content;
  5. }
  6. }
  7. //768px
  8. @mixin tablet-only {
  9. @media screen and (max-width: $md) {
  10. @content;
  11. }
  12. }
  13. //992px
  14. @mixin desktop-only {
  15. @media screen and (max-width: $lg) {
  16. @content;
  17. }
  18. }
  19. //1200px
  20. @mixin large-only {
  21. @media screen and (max-width: $xl) {
  22. @content;
  23. }
  24. }