_tools.mixins.scss 660 B

1234567891011121314151617181920212223242526272829303132
  1. /**
  2. * mixin
  3. */
  4. @mixin media-query($device) {
  5. @media screen and (max-width: $device) {
  6. @content;
  7. }
  8. }
  9. @mixin border-radius($radius) {
  10. -webkit-border-radius: $radius;
  11. -moz-border-radius: $radius;
  12. -ms-border-radius: $radius;
  13. border-radius: $radius;
  14. }
  15. @mixin transition-duration($duration) {
  16. -webkit-transition-duration: $duration;
  17. -moz-transition-duration: $duration;
  18. -ms-transition-duration: $duration;
  19. -o-transition-duration: $duration;
  20. transition-duration: $duration;
  21. }
  22. @mixin flex() {
  23. display: -webkit-box;
  24. display: -moz-box;
  25. display: -ms-flexbox;
  26. display: -webkit-flex;
  27. display: flex;
  28. }