X-Git-Url: https://git.rapsys.eu/blogbundle/blobdiff_plain/cf5678e980777f2313ef8109633015815cd80f8a..e145b2f303d842d95e65520ef491e22a4cb4e2c8:/public/css/base.css diff --git a/public/css/base.css b/public/css/base.css new file mode 100644 index 0000000..3a9a0e6 --- /dev/null +++ b/public/css/base.css @@ -0,0 +1,61 @@ + + +/* Smartphones (portrait and landscape) ----------- */ +@media only screen +and (min-device-width : 320px) +and (max-device-width : 480px) { + /* Styles */ +} + +/* Smartphones (landscape) ----------- */ +@media only screen +and (min-width : 321px) { + /* Styles */ +} + +/* Smartphones (portrait) ----------- */ +@media only screen +and (max-width : 320px) { + /* Styles */ +} + +/* iPads (portrait and landscape) ----------- */ +@media only screen +and (min-device-width : 768px) +and (max-device-width : 1024px) { + /* Styles */ +} + +/* iPads (landscape) ----------- */ +@media only screen +and (min-device-width : 768px) +and (max-device-width : 1024px) +and (orientation : landscape) { + /* Styles */ +} + +/* iPads (portrait) ----------- */ +@media only screen +and (min-device-width : 768px) +and (max-device-width : 1024px) +and (orientation : portrait) { + /* Styles */ +} + +/* Desktops and laptops ----------- */ +@media only screen and (min-width : 1224px) { + /* Styles */ +} + +/* Large screens ----------- */ +@media only screen +and (min-width : 1824px) { + /* Styles */ +} + +/* iPhone 4 ----------- */ +@media +only screen and (-webkit-min-device-pixel-ratio : 1.5), +only screen and (min-device-pixel-ratio : 1.5) { + /* Styles */ +}