diff options
| author | Chris Rebert <[email protected]> | 2015-12-08 02:20:25 -0800 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2015-12-23 22:16:35 -0700 |
| commit | 76a4c303eed00a1f30b7a6d2d1d04fdf2f935e62 (patch) | |
| tree | 9b812446dac19c61787c8941c886f78d85dfa48b /scss | |
| parent | 5173cb1defa360b5ebd15f4f5455e4cbdc40ad66 (diff) | |
| download | bootstrap-76a4c303eed00a1f30b7a6d2d1d04fdf2f935e62.tar.xz bootstrap-76a4c303eed00a1f30b7a6d2d1d04fdf2f935e62.zip | |
Refactor Breadcrumbs component
Use new `.breadcrumb-item` class instead of child selectors and `li` tag selectors,
so as to no longer require the usage of `<ol>`-based markup.
Rename variables to follow naming conventions:
* $breadcrumb-padding-vertical => $breadcrumb-padding-y
* $breadcrumb-padding-horizontal => $breadcrumb-padding-x
Introduce new variable: $breadcrumb-item-padding
[skip sauce]
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; |