clean up responsive media queries and docs css

This commit is contained in:
Mark Otto
2012-01-31 13:16:11 -08:00
parent 09b9b8a586
commit cfc1c8a8cd
6 changed files with 36 additions and 51 deletions

View File

@@ -12,6 +12,9 @@
visibility: hidden;
}
@media (max-width: 480px) {
.nav-collapse {
-webkit-transform: translate3d(0, 0, 0);
}
.page-header h1 small {
display: block;
line-height: 18px;
@@ -99,7 +102,7 @@
margin: 0;
}
}
@media (min-width: 768px) and (max-width: 940px) {
@media (min-width: 768px) and (max-width: 980px) {
.row {
margin-left: -20px;
*zoom: 1;
@@ -275,7 +278,7 @@
width: 714px;
}
}
@media (max-width: 940px) {
@media (max-width: 980px) {
body {
padding-top: 0;
}
@@ -373,10 +376,9 @@
.nav-collapse {
overflow: hidden;
height: 0;
-webkit-transform: translate3d(0, 0, 0);
}
}
@media (min-width: 940px) {
@media (min-width: 980px) {
.nav-collapse.collapse {
height: auto !important;
}