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/patterns.less') 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 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 ++++++++++++++++++++++++++--- 1 file changed, 26 insertions(+), 3 deletions(-) (limited to 'lib/patterns.less') 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); } -- cgit v1.2.3