_utilities.scss 964 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  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 tabletalt == $res {
  13. @media only screen and (min-width: $tablet_alt_width) {
  14. @content;
  15. }
  16. }
  17. @if desktop == $res {
  18. @media only screen and (min-width: $desktop_width) {
  19. @content;
  20. }
  21. }
  22. @if wide == $res {
  23. @media only screen and (min-width: $wide_width) {
  24. @content;
  25. }
  26. }
  27. }
  28. @mixin link-transition( $attr: color ) {
  29. transition: $attr $link_transition ease-in-out;
  30. }
  31. @mixin button-transition() {
  32. transition: background $button_transition ease-in-out;
  33. }
  34. @mixin button-all-transition() {
  35. transition: all $button_transition ease-in-out;
  36. }
  37. @mixin background-transition() {
  38. transition: background $background_transition ease-in-out;
  39. }
  40. @mixin selection {
  41. ::-moz-selection {
  42. @content;
  43. }
  44. ::selection {
  45. @content;
  46. }
  47. }