diff options
author | Thomas Park <thomas@thomaspark.me> | 2012-03-14 01:04:43 -0400 |
---|---|---|
committer | Thomas Park <thomas@thomaspark.me> | 2012-03-14 01:04:43 -0400 |
commit | a0a86b39f44d61add01466a9dcd89b3506b38a32 (patch) | |
tree | c4f474c79fbfe12f6c8580bfffab7585c4fcfd36 | |
parent | 4420d05a980f51797e10c9ab09cd0e70110254ae (diff) |
index: responsive fixes
-rw-r--r-- | css/bootswatch.css | 36 |
1 files changed, 18 insertions, 18 deletions
diff --git a/css/bootswatch.css b/css/bootswatch.css index 947ebba2..94543029 100644 --- a/css/bootswatch.css +++ b/css/bootswatch.css @@ -111,9 +111,24 @@ body { /* Landscape phones and down */ @media (max-width: 480px) { + body, .navbar { + margin: 0; + } + + body { + padding: 0; + } + + .container { + padding: 20px; + } + + .span4 { + width: 100%; + } + .hero-unit { padding: 40px 20px 80px; - margin-top: 0; margin-bottom: 20px; } @@ -138,22 +153,11 @@ body { .about h3 { margin-top: 20px; } - - .span4 { - width: 85%; - } - - .thumbnail .btn { - font-size: 13px; - } - + } /* Landscape phone to portrait tablet */ @media (max-width: 768px) { - .about, .thumbnails { - margin-left: 0; - } .hero-unit { margin-top: 0; @@ -165,12 +169,8 @@ body { /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 980px) { - .hero-unit { - margin-top: 0; - } - .thumbnail .btn { - font-size: 12px; + font-size: 11px; } } |