diff options
| author | Mark Otto <[email protected]> | 2014-07-08 16:00:52 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2014-07-08 16:00:52 -0700 |
| commit | f05365f73be9725421c8697c7b73b736da8e6c6a (patch) | |
| tree | 1adf97161b362b7a681ed02ba306149a7fbb028b /less | |
| parent | fd5a24dca0e2fe0993d76a024fbc16bfc6fd0aef (diff) | |
| download | bootstrap-f05365f73be9725421c8697c7b73b736da8e6c6a.tar.xz bootstrap-f05365f73be9725421c8697c7b73b736da8e6c6a.zip | |
rems: update breadcrumbs to use new sizing; improve variables by renaming @breadcrumb-separator to @breadcrumb-divider; change up colors
Diffstat (limited to 'less')
| -rw-r--r-- | less/breadcrumbs.less | 7 | ||||
| -rw-r--r-- | less/variables.less | 16 |
2 files changed, 13 insertions, 10 deletions
diff --git a/less/breadcrumbs.less b/less/breadcrumbs.less index cb01d503f..99d1b504d 100644 --- a/less/breadcrumbs.less +++ b/less/breadcrumbs.less @@ -14,9 +14,10 @@ display: inline-block; + li:before { - content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space - padding: 0 5px; - color: @breadcrumb-color; + content: "@{breadcrumb-divider}\00a0"; // Unicode space added since inline-block means non-collapsing white-space + padding-left: .5rem; + padding-right: .5rem; + color: @breadcrumb-divider-color; } } diff --git a/less/variables.less b/less/variables.less index f718e3747..d9f030a81 100644 --- a/less/variables.less +++ b/less/variables.less @@ -12,6 +12,7 @@ @gray: #55595c; @gray-light: #818a91; @gray-lighter: #eceeef; +@gray-lightest: #f7f7f9; @brand-primary: #027de7; @brand-success: #5cb85c; @@ -727,16 +728,17 @@ // //## -@breadcrumb-padding-vertical: 8px; -@breadcrumb-padding-horizontal: 15px; +@breadcrumb-padding-vertical: .75rem; +@breadcrumb-padding-horizontal: 1rem; + //** Breadcrumb background color -@breadcrumb-bg: #f5f5f5; -//** Breadcrumb text color -@breadcrumb-color: #ccc; +@breadcrumb-bg: @gray-lighter; +//** Text color for the generated divider between breadcrumb items +@breadcrumb-divider-color: @gray-light; //** Text color of current page in the breadcrumb @breadcrumb-active-color: @gray-light; -//** Textual separator for between breadcrumb elements -@breadcrumb-separator: "/"; +//** Textual divider for between breadcrumb elements +@breadcrumb-divider: "/"; //== Carousel |