×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: Text
Posted by: Saeid Ostad
Added: Sep 7, 2017 6:01 PM
Views: 2
Tags: media query
  1. // Extra small devices (portrait phones, less than 576px)
  2. @media (max-width: $xs_breakdown) {
  3.  
  4. }
  5.  
  6. // Small devices (landscape phones, 576px and up)
  7. @media (min-width: $xs_breakdown + 1) and (max-width: $sm_breakdown) {
  8.  
  9. }
  10.  
  11. // Medium devices (tablets, 768px and up)
  12. @media (min-width: $sm_breakdown + 1) and (max-width: $md_breakdown) {  
  13.  
  14. }
  15.  
  16. // Large devices (desktops, 992px and up)
  17. @media (min-width: $md_breakdown + 1) and (max-width: $lg_breakdown) {
  18.  
  19. }
  20.  
  21. // Extra large devices (large desktops, 1200px and up)
  22. @media (min-width: $xl_breakdown) {
  23. }