Advertisement
Guest User

Untitled

a guest
Feb 20th, 2019
88
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.55 KB | None | 0 0
  1. $all-except-desktop: (max-width:900px);
  2. $bigger-screen: (min-width:1024px);
  3.  
  4. @mixin listMediaQueries($queries...) {
  5. $parsedQueries: '';
  6. $length: length($queries);
  7. @each $query in $queries {
  8. $parsedQueries: $parsedQueries + inspect($query);
  9. @if $query != nth($queries, $length) {
  10. $parsedQueries: $parsedQueries + ',';
  11. }
  12. }
  13. @media #{$parsedQueries}{
  14. @content;
  15. }
  16. }
  17.  
  18. @mixin havoc {
  19. padding: {
  20. left: 10px;
  21. right: 10px;
  22. };
  23. }
  24.  
  25. .foo {
  26. @include listMediaQueries($all-except-desktop, $bigger-screen){
  27. @include havoc();
  28. }
  29. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement