From 85db846b651842444d374f8e54f3f362ca18d08e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 15 Jan 2013 17:55:14 -0800 Subject: mobile-first navs, navbar, grids, and type --- docs/assets/css/docs.css | 65 +++++++++++++++++++++++++++--------------------- 1 file changed, 36 insertions(+), 29 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index c609cbeaa..98a3bebe6 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -2,6 +2,7 @@ /* Page =================================================== */ +/* html { background-color: #fff; font-size: 62.5%; @@ -38,9 +39,10 @@ p { img { max-width: 100%; } - +*/ /* Typography =================================================== */ +/* h1, h2, h3, @@ -92,7 +94,7 @@ small { } ul, ol { - margin: 0 0 .5em; + margin: 0 0 1em; padding: 0 0 0 28px; } li ul, @@ -124,10 +126,10 @@ a { a:hover { text-decoration: underline; } +*/ - -.collapse { +/*.collapse { position: relative; height: 0; overflow: hidden; @@ -135,13 +137,13 @@ a:hover { .collapse.in { height: auto; } +*/ - -.nav { +/*.nav { margin-bottom: 0; - padding-left: 0; /* override default ul/ol */ - overflow: hidden; /* clearfix */ + padding-left: 0; + overflow: hidden; } .nav > li { display: block; @@ -154,11 +156,11 @@ a:hover { .nav > li > a:hover { text-decoration: none; background-color: #f5f5f5; -} +}*/ -.nav-list > li > a { - margin-bottom: -1px; /* tuck up the following item to make 1px border */ +/*.nav-list > li > a { + margin-bottom: -1px; // tuck up the following item to make 1px border border: 1px solid #ddd; } .nav-list > li:first-child > a { @@ -166,7 +168,7 @@ a:hover { border-top-right-radius: 5px; } .nav-list > li:last-child > a { - margin-bottom: 0; /* undo the tuck */ + margin-bottom: 0; undo the tuck border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } @@ -175,17 +177,17 @@ a:hover { color: #fff; background-color: #428bca; border-color: #428bca; - z-index: 2; /* Bring active item forward so border sits on top of next element */ -} + z-index: 2; // Bring active item forward so border sits on top of next element +}*/ -.navbar { +/*.navbar { padding: 15px; background-color: #eee; - overflow: hidden; /* clearfix */ + overflow: hidden; } .navbar .brand { @@ -199,10 +201,10 @@ a:hover { .navbar .brand:hover { text-decoration: none; background-color: #ddd; -} +}*/ -.navbar .nav { - margin-top: 15px; /* space out from .navbar .brand and .btn-navbar */ +/*.navbar .nav { + margin-top: 15px; } .navbar .nav > li > a { line-height: 20px; @@ -213,8 +215,8 @@ a:hover { .navbar .nav > .active > a { background-color: #ddd; } - -.btn-navbar { +*/ +/*.btn-navbar { float: right; padding: 10px 12px; background-color: #ddd; @@ -230,10 +232,10 @@ a:hover { } .btn-navbar .icon-bar + .icon-bar { margin-top: 3px; -} +}*/ -.navbar-inverse { +/*.navbar-inverse { background-color: #222; } .navbar-inverse .brand { @@ -253,33 +255,33 @@ a:hover { } .navbar-inverse .btn-navbar { background-color: #444; -} +}*/ -.row { +/*.row { margin-left: -10px; margin-right: -10px; - overflow: hidden; /* clearfix */ + overflow: hidden; } [class^="span"] { padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; -} +}*/ /* Disable iOS/WinMobile font size changes */ -@media screen and (max-device-width: 480px) { +/*@media screen and (max-device-width: 480px) { html { -ms-text-size-adjust: none; -webkit-text-size-adjust: none; } -} +}*/ @media screen and (min-width: 480px) { @@ -399,6 +401,11 @@ body > .container { padding: 14px; margin-bottom: -1px; } +.bs-docs-example p:last-child, +.bs-docs-example ul:last-child, +.bs-docs-example ol:last-child { + margin-bottom: 0; +} .bs-docs-example + .prettyprint { margin-top: 0; } -- cgit v1.2.3