_utilities.scss 860 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. @mixin media( $res ) {
  2. @if mobile == $res {
  3. @media only screen and (min-width: $mobile_width) {
  4. @content;
  5. }
  6. }
  7. @if tablet == $res {
  8. @media only screen and (min-width: $tablet_width) {
  9. @content;
  10. }
  11. }
  12. @if desktop == $res {
  13. @media only screen and (min-width: $desktop_width) {
  14. @content;
  15. }
  16. }
  17. @if wide == $res {
  18. @media only screen and (min-width: $wide_width) {
  19. @content;
  20. }
  21. }
  22. }
  23. @mixin link-transition( $attr: color ) {
  24. transition: $attr $link_transition ease-in-out;
  25. }
  26. @mixin button-transition() {
  27. transition: background $button_transition ease-in-out;
  28. }
  29. @mixin button-all-transition() {
  30. transition: all $button_transition ease-in-out;
  31. }
  32. @mixin background-transition() {
  33. transition: background $background_transition ease-in-out;
  34. }
  35. @mixin selection {
  36. ::-moz-selection {
  37. @content;
  38. }
  39. ::selection {
  40. @content;
  41. }
  42. }