Advertisement
Guest User

Untitled

a guest
Apr 20th, 2019
131
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.51 KB | None | 0 0
  1. @mixin for-res($size) {
  2. @if $size == ldpi-up {
  3. // 2017 LG 34" Ultrawide
  4. @media
  5. (min-resolution: 90dpi),
  6. (min-resolution: 1dppx),
  7. (-webkit-min-device-pixel-ratio: 1),
  8. (min--moz-device-pixel-ratio: 1) {
  9. @content;
  10. }
  11. } @else if $size == mdpi-up {
  12. // Fire HD 8 Tablet
  13. @media
  14. (min-resolution: 120dpi),
  15. (min-resolution: 1.3dppx),
  16. (-webkit-min-device-pixel-ratio: 1.3),
  17. (min--moz-device-pixel-ratio: 1.3) {
  18. @content;
  19. }
  20. } @else if $size == hdpi-up {
  21. @media
  22. (min-resolution: 160dpi),
  23. (min-resolution: 2dppx),
  24. (-webkit-min-device-pixel-ratio: 1.5),
  25. (min--moz-device-pixel-ratio: 1.5) {
  26. @content;
  27. }
  28. } @else if $size == xhdpi-up {
  29. // iPhone 7
  30. @media
  31. (min-resolution: 240dpi),
  32. (min-resolution: 2dppx),
  33. (-webkit-min-device-pixel-ratio: 2),
  34. (min--moz-device-pixel-ratio: 2) {
  35. @content;
  36. }
  37. } @else if $size == xxhdpi-up {
  38. // iPhone X (listed as having a pixel density of 462.63 but
  39. // -webkit-min-device-pixel-ratio is 3) ¯\_(ツ)_/¯
  40. @media
  41. (min-resolution: 320dpi),
  42. (min-resolution: 3dppx),
  43. (-webkit-min-device-pixel-ratio: 3),
  44. (min--moz-device-pixel-ratio: 3) {
  45. @content;
  46. }
  47. } @else if $size == xxxhdpi-up {
  48. @media
  49. (min-resolution: 480dpi),
  50. (min-resolution: 4dppx),
  51. (-webkit-min-device-pixel-ratio: 4),
  52. (min--moz-device-pixel-ratio: 4) {
  53. @content;
  54. }
  55. }
  56. }
  57.  
  58. // usage
  59.  
  60. label {
  61. font-weight: 300;
  62. @include for-res(xhdpi-up) {
  63. font-weight: 100;
  64. }
  65. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement