diff options
| author | Chris Rebert <[email protected]> | 2015-12-23 22:22:21 -0700 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2015-12-23 22:22:21 -0700 |
| commit | 68061027b6b525929d918f3ef28d5335fafb3195 (patch) | |
| tree | 9b812446dac19c61787c8941c886f78d85dfa48b /scss | |
| parent | 5173cb1defa360b5ebd15f4f5455e4cbdc40ad66 (diff) | |
| parent | 76a4c303eed00a1f30b7a6d2d1d04fdf2f935e62 (diff) | |
| download | bootstrap-68061027b6b525929d918f3ef28d5335fafb3195.tar.xz bootstrap-68061027b6b525929d918f3ef28d5335fafb3195.zip | |
Merge pull request #18474 from twbs/breadcrumbs-2.0
Refactor Breadcrumbs component
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/_breadcrumb.scss | 20 | ||||
| -rw-r--r-- | scss/_variables.scss | 5 |
2 files changed, 13 insertions, 12 deletions
diff --git a/scss/_breadcrumb.scss b/scss/_breadcrumb.scss index 30af411ab..5ccca354c 100644 --- a/scss/_breadcrumb.scss +++ b/scss/_breadcrumb.scss @@ -1,23 +1,23 @@ .breadcrumb { - padding: $breadcrumb-padding-vertical $breadcrumb-padding-horizontal; + padding: $breadcrumb-padding-y $breadcrumb-padding-x; margin-bottom: $spacer-y; list-style: none; background-color: $breadcrumb-bg; @include border-radius($border-radius); @include clearfix; +} - > li { - float: left; +.breadcrumb-item { + float: left; - + li::before { - padding-right: .5rem; - padding-left: .5rem; - color: $breadcrumb-divider-color; - content: "#{$breadcrumb-divider}"; - } + + .breadcrumb-item::before { + padding-right: $breadcrumb-item-padding; + padding-left: $breadcrumb-item-padding; + color: $breadcrumb-divider-color; + content: "#{$breadcrumb-divider}"; } - > .active { + &.active { color: $breadcrumb-active-color; } } diff --git a/scss/_variables.scss b/scss/_variables.scss index 88afa3ccd..a29d0399d 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -625,8 +625,9 @@ $thumbnail-border-radius: $border-radius !default; // Breadcrumbs -$breadcrumb-padding-vertical: .75rem !default; -$breadcrumb-padding-horizontal: 1rem !default; +$breadcrumb-padding-y: .75rem !default; +$breadcrumb-padding-x: 1rem !default; +$breadcrumb-item-padding: .5rem !default; $breadcrumb-bg: $gray-lighter !default; $breadcrumb-divider-color: $gray-light !default; |