double-ui-vue/es/breadcrumb/style.css

基于vue框架的ui库

.d-breadcrumb{display:flex;align-items:center;font-size:0}.d-breadcrumb-item-text{display:inline-block;vertical-align:middle;height:24px;line-height:24px;color:var(--grey-500);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:color .3s}.d-breadcrumb-item-text:hover{color:var(--blue-500)}.d-breadcrumb-item-active{color:var(--grey-900)}.d-breadcrumb-item-width{max-width:44px}.d-breadcrumb-item-max-width{max-width:100px}.d-breadcrumb-separator{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-left:4px;margin-right:4px;width:8px;color:var(--grey-500);font-size:14px}.d-breadcrumb-separator svg{vertical-align:middle;width:8px;height:14px}.d-title-tip{position:absolute;display:inline-block;padding:8px 12px;border:1px solid var(--grey-300);border-radius:4px;box-shadow:var(--box-shadow-bottom);width:-webkit-max-content;width:-moz-max-content;width:max-content;font-size:12px;pointer-events:none;z-index:700;transition:opacity .12s}.d-title-tip-light{background-color:var(--theme);color:var(--grey-900)}.d-title-tip-dark{background-color:var(--popover-tip-bg);color:var(--theme)}