Last active
December 14, 2015 00:59
-
-
Save ralphcrisostomo/5002583 to your computer and use it in GitHub Desktop.
Responsive SCSS
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* #Media Queries | |
| ================================================== */ | |
| /* Smaller than standard 960 (devices and browsers) */ | |
| @media only screen and (max-width: 959px) {} | |
| /* Tablet Portrait size to standard 960 (devices and browsers) */ | |
| @media only screen and (min-width: 768px) and (max-width: 959px) {} | |
| /* All Mobile Sizes (devices and browser) */ | |
| @media only screen and (max-width: 767px) {} | |
| /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ | |
| @media only screen and (min-width: 480px) and (max-width: 767px) {} | |
| /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ | |
| @media only screen and (max-width: 479px) {} | |
| /** ------------- | |
| * iPhone Portrait below | |
| * -------------*/ | |
| @media only screen and (max-width: 479px) { | |
| } | |
| /** ------------- | |
| * iPhone Landscape Only | |
| * -------------*/ | |
| @media only screen and (min-width: 480px) and (max-width: 767px) { | |
| } | |
| /** ------------- | |
| * iPhone Landscape Up | |
| * -------------*/ | |
| @media only screen and (min-width: 480px) { | |
| } | |
| /** ------------- | |
| * iPad Portrait Only | |
| * -------------*/ | |
| @media only screen and (min-width: 768px) and (max-width: 959px) { | |
| } | |
| /** ------------- | |
| * iPad Landscape Only | |
| * -------------*/ | |
| @media only screen and (min-width:960px) and ( max-width: 1023px) { | |
| } | |
| /** ------------- | |
| * Browser | |
| * -------------*/ | |
| @media only screen and (min-width:1024px) { | |
| } | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment