summaryrefslogtreecommitdiff
path: root/app/assets/stylesheets/media-queries.css.scss
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/stylesheets/media-queries.css.scss')
-rw-r--r--app/assets/stylesheets/media-queries.css.scss56
1 files changed, 39 insertions, 17 deletions
diff --git a/app/assets/stylesheets/media-queries.css.scss b/app/assets/stylesheets/media-queries.css.scss
index 28834fe..53323b8 100644
--- a/app/assets/stylesheets/media-queries.css.scss
+++ b/app/assets/stylesheets/media-queries.css.scss
@@ -1,13 +1,17 @@
/* Large desktop */
@media (min-width: 1200px) {
- .container { min-height: 600px; }
+ .container {
+ min-height: 600px;
+ }
}
@media (max-width: 979px) and (orientation: landscape) {
- h1#logo { float: none; }
+ h1#logo {
+ float: none;
+ }
#new_sign_up{
.field{
- input[type="email"]{
+ input[type="email"] {
width: 540px;
}
margin-right: 20px;
@@ -17,31 +21,49 @@
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
- h1#logo { float: none; }
+ h1#logo {
+ float: none;
+ }
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
- body { padding: 0; }
- #main{ padding: 0 20px; }
- h2, .about {font-size: 1.5em; line-height: 1.25em;}
+ body {
+ padding: 0;
+ }
+ #main {
+ padding: 0 20px;
+ }
+ h2, .about {
+ font-size: 1.5em;
+ line-height: 1.25em;
+ }
}
/* Landscape phones and down */
@media (max-width: 480px) {
- body { padding: 0; }
-
- h2, .about {font-size: 1.5em; line-height: 1.25em;}
- footer{ width: 100%; margin: 0;}
- #main{ padding: 0 20px; }
+ body {
+ padding: 0;
+ }
+ h2, .about {
+ font-size: 1.5em;
+ line-height: 1.25em;
+ }
+ footer {
+ width: 100%; margin: 0;
+ }
+ #main {
+ padding: 0 20px;
+ }
h1#logo {
background: transparent asset-url('mobile/logo.png') no-repeat 0 0;
width: 250px;
height: 69px;
}
- #logo, .field, .action { float: none; }
-
- #new_sign_up{
+ #logo, .field, .action {
+ float: none;
+ }
+ #new_sign_up {
.field{
input[type="email"]{
width: 240px;
@@ -52,9 +74,9 @@
}
@media (max-width: 480px) and (orientation: landscape){
- #new_sign_up{
+ #new_sign_up {
.field{
- input[type="email"]{
+ input[type="email"] {
width: 400px;
}
margin-right: 20px;