@opentiny/vue-theme/breadcrumb/index.css

An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.

.tiny-breadcrumb{--tv-Breadcrumb-font-size:var(--tv-font-size-default, 14px);--tv-Breadcrumb-text-line-height:var(--tv-line-height-number, 1.5);--tv-Breadcrumb-text-color:var(--tv-color-text-control, #191919);--tv-Breadcrumb-last-text-color:var(--tv-color-text-active-3, #191919);--tv-Breadcrumb-separator-icon-color:var(--tv-color-text-placeholder, #808080);--tv-Breadcrumb-separator-width:16px;--tv-Breadcrumb-separator-margin-x:4px;--tv-Breadcrumb-separator-margin-y:0;--tv-Breadcrumb-text-font-weight:var(--tv-font-weight-bold, 600);font-size:var(--tv-Breadcrumb-font-size);line-height:var(--tv-Breadcrumb-text-line-height)}.tiny-breadcrumb:after,.tiny-breadcrumb:before{content:'';display:table}.tiny-breadcrumb:after{clear:both}.tiny-breadcrumb .tiny-breadcrumb__item{cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-breadcrumb .tiny-breadcrumb__item:last-child .tiny-breadcrumb__inner{font-weight:var(--tv-Breadcrumb-text-font-weight);text-decoration:none;color:var(--tv-Breadcrumb-last-text-color)}.tiny-breadcrumb .tiny-breadcrumb__item:last-child .tiny-breadcrumb__inner a{cursor:text;text-decoration:none;color:var(--tv-Breadcrumb-last-text-color)}.tiny-breadcrumb .tiny-breadcrumb__item:last-child .tiny-breadcrumb__separator,.tiny-breadcrumb .tiny-breadcrumb__item:last-child .tiny-breadcrumb__separator-cls{display:none}.tiny-breadcrumb .tiny-breadcrumb__item--medium{font-size:16px}.tiny-breadcrumb .tiny-breadcrumb__inner{vertical-align:middle}.tiny-breadcrumb .tiny-breadcrumb__inner,.tiny-breadcrumb .tiny-breadcrumb__inner a{color:var(--tv-Breadcrumb-text-color)}.tiny-breadcrumb .tiny-breadcrumb__inner:hover{text-decoration:underline}.tiny-breadcrumb .tiny-breadcrumb__inner:hover a:hover{cursor:pointer;text-decoration:underline}.tiny-breadcrumb .tiny-breadcrumb__separator{color:var(--tv-Breadcrumb-separator-icon-color);margin:var(--tv-Breadcrumb-separator-margin-y) var(--tv-Breadcrumb-separator-margin-x);vertical-align:middle;text-align:center;width:var(--tv-Breadcrumb-separator-width)}.tiny-breadcrumb .tiny-breadcrumb__separator-cls{font-size:var(--tv-Breadcrumb-font-size);fill:var(--tv-Breadcrumb-separator-icon-color);margin:var(--tv-Breadcrumb-separator-margin-y) var(--tv-Breadcrumb-separator-margin-x);vertical-align:middle}.tiny-breadcrumb .tiny-breadcrumb__item:last-child:hover{cursor:text;text-decoration:none}.tiny-breadcrumb .tiny-breadcrumb__item:last-child:hover a{cursor:text;text-decoration:none}