From 6dcfe94bab1110bb0d2b5ad9634396be7383ff22 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 19 Aug 2011 22:15:57 -0700 Subject: remove the cite tag from blockquote since we pulled it from the docs --- lib/type.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'lib') diff --git a/lib/type.less b/lib/type.less index 2e330f9a1..e2f745b26 100644 --- a/lib/type.less +++ b/lib/type.less @@ -142,7 +142,7 @@ blockquote { #font > .shorthand(300,14px,@baseline); margin-bottom: 0; } - small, cite { + small { display: block; #font > .shorthand(300,12px,@baseline); color: @grayLight; -- cgit v1.2.3 From 3f388ef07a5f0101e97b19479e472528a0c78ff9 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 19 Aug 2011 22:28:22 -0700 Subject: updates to the topbar markup and css to remove the logo classname and simplify the selectors for it --- lib/patterns.less | 19 +++++++------------ 1 file changed, 7 insertions(+), 12 deletions(-) (limited to 'lib') diff --git a/lib/patterns.less b/lib/patterns.less index a60a9baab..e540bd601 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -25,30 +25,25 @@ div.topbar { text-shadow: 0 -1px 0 rgba(0,0,0,.25); } - // Hover and active states for links - ul li a:hover, - ul li.active a, - a.logo:hover { + // Hover and active states + a:hover, + ul li.active a { background-color: #333; - background-color: rgba(255,255,255,.15); + background-color: rgba(255,255,255,.05); color: @white; text-decoration: none; } - // Logo - a.logo { + // Website name + h3 a { float: left; display: block; padding: 8px 20px 12px; - margin-left: -20px; + margin-left: -20px; // negative indent to left-align the text down the page color: @white; font-size: 20px; font-weight: 200; line-height: 1; - img { - float: left; - margin-right: 6px; - } } // Search Form -- cgit v1.2.3 From 261a473a72b321b827e3e4cf55167a761af1916b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 20 Aug 2011 01:51:06 -0700 Subject: adding more details on browser support, adding snippet of about text, changed p tags to have half the bottom margin --- lib/type.less | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'lib') diff --git a/lib/type.less b/lib/type.less index e2f745b26..96a2310b1 100644 --- a/lib/type.less +++ b/lib/type.less @@ -8,7 +8,7 @@ p { #font > .shorthand(normal,@basefont,@baseline); - margin-bottom: @baseline; + margin-bottom: @baseline / 2; small { font-size: 11px; color: @grayLight; @@ -178,6 +178,7 @@ pre { margin: 0 0 @baseline; line-height: @baseline; font-size: 12px; + border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); .border-radius(3px); white-space: pre-wrap; -- cgit v1.2.3 From 72899a4ee8f9c3b75ba5e015d6c88f5154705c62 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 20 Aug 2011 18:58:12 -0700 Subject: updated docs to fix inconsistent display of code elements, update scaffolding to fix padding issue on fluid containers, add placeholder hero unit in patterns for future use, continue to refactor some rgba to hex values --- lib/patterns.less | 29 ++++++++++++++++++++++++++--- lib/scaffolding.less | 4 ++-- lib/type.less | 2 +- 3 files changed, 29 insertions(+), 6 deletions(-) (limited to 'lib') diff --git a/lib/patterns.less b/lib/patterns.less index e540bd601..eeb0107ab 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -236,6 +236,28 @@ div.topbar { } +// PAGE HEADERS +// ------------ + +.hero-unit { + background-color: #f5f5f5; + margin-bottom: 30px; + padding: 60px; + .border-radius(6px); + h1 { + margin-bottom: 0; + font-size: 60px; + line-height: 1; + letter-spacing: -1px; + } + p { + font-size: 18px; + font-weight: 200; + line-height: @baseline * 1.5; + } +} + + // PAGE HEADERS // ------------ @@ -453,12 +475,13 @@ div.pagination { // WELLS // ----- -div.well { - background: #f5f5f5; +.well { + background-color: #f5f5f5; margin-bottom: 20px; padding: 19px; min-height: 20px; - border: 1px solid #ddd; + border: 1px solid #eee; + border: 1px solid rgba(0,0,0,.05); .border-radius(4px); .box-shadow(inset 0 1px 1px rgba(0,0,0,.05); } diff --git a/lib/scaffolding.less b/lib/scaffolding.less index 427dab2b8..5b41b64a4 100644 --- a/lib/scaffolding.less +++ b/lib/scaffolding.less @@ -51,7 +51,7 @@ html, body { background-color: #fff; } body { - margin: 0; + margin: 60px 0 0; // Add margin to the top of the page for the topbar #font > .sans-serif(normal,@basefont,@baseline); color: @gray; text-rendering: optimizeLegibility; @@ -65,7 +65,7 @@ div.container { // Fluid layouts (left aligned, with sidebar, min- & max-width content) div.container-fluid { - padding: 20px; + padding: 0 20px; .clearfix(); div.sidebar { float: left; diff --git a/lib/type.less b/lib/type.less index 96a2310b1..1091d149b 100644 --- a/lib/type.less +++ b/lib/type.less @@ -10,7 +10,7 @@ p { #font > .shorthand(normal,@basefont,@baseline); margin-bottom: @baseline / 2; small { - font-size: 11px; + font-size: @basefont - 2; color: @grayLight; } } -- cgit v1.2.3