Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Less Framework 4 */
- /* Less Framework 4 with 18/24 type presets
- http://lessframework.com
- by Joni Korpi
- License: http://opensource.org/licenses/mit-license.php */
- /* default layout from main stylesheet */
- /* This layout for when less framework */
- /* Tablet Layout: 768px. */
- @media only screen and (min-width: 768px) and (max-width: 991px) {
- .column {width:750px}
- body{background:#008C46;}
- }
- /* Mobile Layout: 320px. */
- @media only screen and (max-width: 767px) {
- body{background:#A64CFF;}
- .column {width:auto}
- }
- /* Wide Mobile Layout: 480px. */
- @media only screen and (min-width: 480px) and (max-width: 767px) {
- body{background:#4CFF4C;}
- .column {width:450px}
- }
- /* twitter bootstrap */
- /* This layout for when using bootstrap */
- /* source - http://stackoverflow.com/questions/18424798/twitter-bootstrap-3-how-to-use-media-queries */
- /* desktop first method media queries */
- /* Large desktops and laptops */
- @media (min-width: 1200px) {
- }
- /* Portrait tablets and medium desktops */
- @media (min-width: 992px) and (max-width: 1199px) {
- }
- /* Portrait tablets and small desktops */
- @media (min-width: 768px) and (max-width: 991px) {
- }
- /* Landscape phones and portrait tablets */
- @media (max-width: 767px) {
- }
- /* Landscape phones and smaller */
- @media (max-width: 480px) {
- }
- /*========== Mobile First Method ==========*/
- /* Landscape phones and smaller */
- @media (max-width: 480px) {
- body{background:#4CFF4C;}
- }
- /* Landscape phones and portrait tablets */
- @media (min-width: 480px) and (max-width: 768px) {
- body{background:#A64CFF;}
- }
- /* Portrait tablets and small desktops */
- @media (min-width: 768px) and (max-width: 991px) {
- body{background:#008C46;}
- }
- /* Portrait tablets and medium desktops */
- @media (min-width: 992px) and (max-width: 1199px) {
- body{background:#DFBFFF;}
- }
- /* Large desktops and laptops */ /* my desktop */
- @media (min-width: 1200px) {
- body{background:#DBDBEA;}
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement