Advertisement
Guest User

Untitled

a guest
Apr 25th, 2015
238
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.97 KB | None | 0 0
  1. // ----
  2. // Sass (v3.4.12)
  3. // Compass (v1.0.3)
  4. // ----
  5.  
  6. $sassifaction-font-size: 16;
  7.  
  8. $breakpoints: (
  9. 'dave' : 320,
  10. 'peter' : 480,
  11. );
  12.  
  13. $tweakpoints: (
  14. 'inline' : 768,
  15. 'block' : 960,
  16. );
  17.  
  18. @mixin sassifaction-mq($point, $query1: min, $query2: width, $ie: false) {
  19. @if map-has-key($tweakpoints, $point) {
  20. @if $ie == true{
  21. .lt-ie9 & {
  22. @content;
  23. }
  24. }
  25. @media (#{$query1}-#{$query2}: map-get($tweakpoints, $point) / $sassifaction-font-size + 0em) {
  26. @content;
  27. }
  28. }
  29. @else if map-has-key($breakpoints, $point) {
  30. @if $ie == true{
  31. .lt-ie9 & {
  32. @content;
  33. }
  34. }
  35. @media (#{$query1}-#{$query2}: map-get($breakpoints, $point) / $sassifaction-font-size + 0em) {
  36. @content;
  37. }
  38. }
  39. @else {
  40. @warn "Could not find the value `#{$point}` in either local ($tweakpoints) or global ($breakpoints) contexts. Media block omitted.";
  41. }
  42.  
  43. }
  44.  
  45. body {
  46. @include sassifaction-mq(dave, max, height, true) {
  47. color: red;
  48. }
  49. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement