comic-plus

Version:

1 lines • 1.89 kB

CSS

.cu-breadcrumb{display:flex;align-items:center;font-size:14px;color:var(--cu-text-color);cursor:default;line-height:1}.cu-breadcrumb-item{display:inline-flex;align-items:center}.cu-breadcrumb:not(.fill) .cu-breadcrumb__text{color:var(--cu-text-color-light4)}.cu-breadcrumb-item a,.cu-breadcrumb:not(.fill) .cu-breadcrumb-item .link{cursor:pointer;transition:color .2s;color:var(--cu-text-color);text-decoration:none}.cu-breadcrumb:not(.fill) .cu-breadcrumb-item .active,.cu-breadcrumb:not(.fill) .cu-breadcrumb-item:hover .link,.cu-breadcrumb:not(.fill) .cu-breadcrumb-item:hover a{color:var(--cu-breadcrumb-color,var(--cu-color-primary))}.cu-breadcrumb.fill .cu-breadcrumb-item .active,.cu-breadcrumb.fill .cu-breadcrumb-item:hover{transition:opacity .2s;opacity:.8}.cu-breadcrumb-item .cu-breadcrumb__separator{margin:0 4px;display:inline-flex;color:var(--cu-text-color-light4)}.cu-breadcrumb-item:last-child .cu-breadcrumb__separator{display:none}.cu-breadcrumb.fill .cu-breadcrumb-item{min-width:50px;display:inline-flex;justify-content:center;background-color:var(--cu-breadcrumb-color,var(--cu-background-color-light));border-radius:var(--cu-border-radius);padding:4px 10px 4px 15px;-webkit-clip-path:polygon(calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0% 100%,10px 50%,0% 0%);clip-path:polygon(calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0% 100%,10px 50%,0% 0%)}.cu-breadcrumb.closeboth.fill .cu-breadcrumb-item:first-child{padding:4px 15px 4px 10px;-webkit-clip-path:polygon(calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0% 100%,0% 50%,0% 0%);clip-path:polygon(calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0% 100%,0 50%,0% 0%)}.cu-breadcrumb.closeboth.fill .cu-breadcrumb-item:last-child{-webkit-clip-path:polygon(calc(100%) 0,100% 50%,calc(100%) 100%,0% 100%,10px 50%,0% 0%);clip-path:polygon(calc(100%) 0,100% 50%,calc(100%) 100%,0% 100%,10px 50%,0% 0%)}