diff options
Diffstat (limited to 'app/assets/stylesheets/media-queries.css.scss')
| -rw-r--r-- | app/assets/stylesheets/media-queries.css.scss | 56 |
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; |
