ivue-material-plus
Version:
A high quality UI components Library with Vue.js
1 lines • 1.99 kB
CSS
:root{--ivue-breadcrumb-font-size:14px;--ivue-breadcrumb-icon-font-size:16px;--ivue-breadcrumb-item-icon-font-size:12px;--ivue-breadcrumb-divider-color:rgba(0, 0, 0, 0.38);--ivue-breadcrumb-last-color:rgba(0, 0, 0, 0.38)}.ivue-breadcrumb{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style-type:none;margin:0;padding:18px 12px;font-size:var(--ivue-breadcrumb-font-size)}.ivue-breadcrumb .ivue-icon{height:auto;width:auto;min-width:auto;-webkit-transition:none;transition:none}.ivue-breadcrumb .is-link{font-weight:700;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1);color:var(--ivue-title-color);cursor:pointer}.ivue-breadcrumb>span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.ivue-breadcrumb--divider{padding:0 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--ivue-breadcrumb-divider-color);font-weight:700}.ivue-breadcrumb--divider .ivue-icon{font-size:var(--ivue-breadcrumb-icon-font-size)}.ivue-breadcrumb-item__inner{font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;text-decoration:none;color:var(--ivue-text-color);-webkit-transition:color .3s cubic-bezier(.4,0,.2,1);transition:color .3s cubic-bezier(.4,0,.2,1)}.ivue-breadcrumb-item__inner:hover{color:var(--ivue-primary-color)}.ivue-breadcrumb-item__inner .ivue-icon{margin-right:4px;font-size:var(--ivue-breadcrumb-item-icon-font-size)}.ivue-breadcrumb-item:last-child .ivue-breadcrumb-item__inner{color:var(--ivue-breadcrumb-last-color)}.ivue-breadcrumb-item:last-child .ivue-breadcrumb--divider{display:none}