芝麻web文件管理V1.00
编辑当前文件:/home2/sdektunc/beyondbrightenterprise.com/media/com_media/scss/components/_media-breadcrumb.scss
.media-breadcrumb { display: flex; padding: 0; margin: 0 auto 0 0; font-size: .9rem; line-height: $toolbar-height; background: transparent; border-left: 1px solid $border-color; ol { display: flex; padding: 0; margin: 0; list-style: outside none none; > li > a { cursor: pointer; } } } .media-breadcrumb-item { padding: 0 8px 0 22px; background-color: $breadcrumbs-bg; &:first-of-type { padding-left: 16px; } &:last-of-type { background-color: $breadcrumbs-current-bg; &::after { border-left-color: $breadcrumbs-current-bg; } } &:hover { color: $highlight-color; } } .media-breadcrumb-item { position: relative; &::before, &::after { position: absolute; top: 0; bottom: 0; left: 100%; z-index: 2; display: block; width: 0; height: 0; margin: auto; content: "" !important; border-top: 23px solid transparent; border-bottom: 23px solid transparent; border-left: 10px solid transparent; } &::before { border-left-color: $border-color; } &::after { border-left-color: $breadcrumbs-bg; } } .breadcrumb-item + .breadcrumb-item::before { display: none; } // RTL override html[dir=rtl] .media-breadcrumb { margin: 0 0 0 auto; } html[dir=rtl] .media-breadcrumb-item::after, .media-breadcrumb-item::before { right: 100%; border-right: 10px solid transparent; border-left: 0; } html[dir=rtl] .media-breadcrumb-item { padding: 0 22px 0 8px; } html[dir=rtl] .media-breadcrumb-item::before { border-right-color: #fafafa; } html[dir=rtl] .media-breadcrumb-item:first-of-type { padding-right: 16px; padding-left: 0; } html[dir=rtl] .media-breadcrumb-item:last-of-type::after { border-right: 10px solid #fff; }