// Media Queries //––––––––––––––––––––––––––––––––––––––––––––––––––
// Note: The best way to structure the use of media queries is to create the queries // near the relevant code. For example, if you wanted to change the styles for buttons // on small devices, paste the mobile query code up in the buttons section and style it // there.
// Larger than mobile @media (#{$bp-larger-than-mobile}) {}
// Larger than phablet (also point when grid becomes active) @media (#{$bp-larger-than-phablet}) {}
// Larger than tablet @media (#{$bp-larger-than-tablet}) {}
// Larger than desktop @media (#{$bp-larger-than-desktop}) {}
// Larger than Desktop HD @media (#{$bp-larger-than-desktophd}) {}