diff options
Diffstat (limited to 'lib/patterns.less')
-rw-r--r-- | lib/patterns.less | 35 |
1 files changed, 24 insertions, 11 deletions
diff --git a/lib/patterns.less b/lib/patterns.less index 2163218f6f..a60a9baab3 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -2,7 +2,8 @@ * Repeatable UI elements outside the base styles provided from the scaffolding * ---------------------------------------------------------------------------- */ -// Topbar + +// TOPBAR // ------ // Topbar for Branding and Nav @@ -17,11 +18,13 @@ div.topbar { overflow: visible; @shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1); .box-shadow(@shadow); + // Links get text shadow a { color: @grayLight; text-shadow: 0 -1px 0 rgba(0,0,0,.25); } + // Hover and active states for links ul li a:hover, ul li.active a, @@ -31,6 +34,7 @@ div.topbar { color: @white; text-decoration: none; } + // Logo a.logo { float: left; @@ -46,6 +50,7 @@ div.topbar { margin-right: 6px; } } + // Search Form form { float: left; @@ -65,6 +70,7 @@ div.topbar { @shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0px rgba(255,255,255,.25); .box-shadow(@shadow); .transition(none); + // Placeholder text gets special styles; can't be bundled together though for some reason &:-moz-placeholder { color: @grayLighter; @@ -89,6 +95,7 @@ div.topbar { } } } + // Navigation ul { display: block; @@ -120,6 +127,7 @@ div.topbar { background-color: rgba(0,0,0,.5); } } + // Dropdowns &.primary-nav li ul { left: 0; @@ -207,6 +215,7 @@ div.topbar { color: #fff; } } + // Dividers (basically an hr) &.divider { height: 1px; @@ -215,6 +224,7 @@ div.topbar { border-bottom: 1px solid rgba(255,255,255,.1); margin: 5px 0; } + // Section separaters span { clear: both; @@ -230,7 +240,8 @@ div.topbar { } } -// Page Headers + +// PAGE HEADERS // ------------ div.page-header { @@ -243,7 +254,7 @@ div.page-header { } -// Error Styles +// ERROR STYLES // ------------ // One-liner alert bars @@ -336,7 +347,7 @@ div.block-message { } -// Navigation +// NAVIGATION // ---------- // Common tab and pill styles @@ -353,6 +364,7 @@ ul.pills { } } } + // Basic Tabs ul.tabs { width: 100%; @@ -378,6 +390,7 @@ ul.tabs { } } } + // Basic pill nav ul.pills { li { @@ -403,8 +416,8 @@ ul.pills { } -// Pagination -// -------------------------------------------------- +// PAGINATION +// ---------- div.pagination { height: @baseline * 2; @@ -442,7 +455,7 @@ div.pagination { } -// Wells +// WELLS // ----- div.well { @@ -456,7 +469,7 @@ div.well { } -// Modals +// MODALS // ------ div.modal-backdrop { @@ -510,7 +523,7 @@ div.modal { } -// Popover Arrows +// POPOVER ARROWS // -------------- #popoverArrow { @@ -548,7 +561,7 @@ div.modal { } } -// Twipsy +// TWIPSY // ------ div.twipsy { @@ -580,7 +593,7 @@ div.twipsy { } -// Popovers +// POPOVERS // -------- .popover { |