From d8cb2f9460da3ca6248d9aed429e8e94b7f29e99 Mon Sep 17 00:00:00 2001 From: Eric Bidelman Date: Sat, 21 Apr 2012 17:06:54 -0700 Subject: sass dir to scss --- theme/scss/phone.scss | 35 +++++++++++++++++++++++++++++++++++ 1 file changed, 35 insertions(+) create mode 100644 theme/scss/phone.scss (limited to 'theme/scss/phone.scss') diff --git a/theme/scss/phone.scss b/theme/scss/phone.scss new file mode 100644 index 0000000..c6a4043 --- /dev/null +++ b/theme/scss/phone.scss @@ -0,0 +1,35 @@ +@import "compass/css3/transition"; + + +/*Smartphones (portrait and landscape) ----------- */ +/*@media only screen +and (min-width : 320px) +and (max-width : 480px) { + +}*/ + +/* Smartphones (portrait) ----------- */ +//@media only screen and (max-device-width: 480px) { +/* Styles */ +//$slide-width: 350px; +//$slide-height: 500px; + +slides > slide { +/* width: $slide-width !important; + height: $slide-height !important; + margin-left: -$slide-width / 2 !important; + margin-top: -$slide-height / 2 !important; +*/ + // Don't do full slide transitions on mobile. + -webkit-transition: none !important; // Bug in compass? Not sure why the below is not working + @include transition(none !important); +} + +//} + +/* iPhone 4 ----------- */ +@media +only screen and (-webkit-min-device-pixel-ratio : 1.5), +only screen and (min-device-pixel-ratio : 1.5) { +/* Styles */ +} \ No newline at end of file -- cgit v1.2.3