mixins.scss 569 B

123456789101112131415161718192021222324252627
  1. /*BG micin*/
  2. @mixin bg-img($img-name){
  3. background-image: url('${img-path}${img-name}');
  4. }
  5. @mixin bg-size($cover){
  6. background-size: $cover;
  7. -moz-background-size: $cover;
  8. -webkit-background-size: $cover;
  9. -o-background-size: $cover;
  10. }
  11. /* Transition */
  12. @mixin transition($all, $s, $ease){
  13. transition: $all $s $ease;
  14. -webkit-transition: $all $s $ease;
  15. -moz-transition: $all $s $ease;
  16. -o-transition: $all $s $ease;
  17. }
  18. /*Responsive*/
  19. /*@mixin media($maxwidth; $rules){
  20. @media only screen and (max-width: $maxwidth) {
  21. $rules();
  22. }
  23. }*/