mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-07 08:57:19 +08:00
2 lines
1.4 KiB
CSS
2 lines
1.4 KiB
CSS
.pure-segmented{background-color:#0000000a;border-radius:2px;box-sizing:border-box;color:#000000a6;display:inline-block;font-size:14px;padding:2px}.pure-segmented-block{display:flex}.pure-segmented-block .pure-segmented-item{flex:1;min-width:0}.pure-segmented-block .pure-segmented-item>.pure-segmented-item-label>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pure-segmented-group{align-items:stretch;display:flex;justify-items:flex-start;position:relative;width:100%}.pure-segmented-item-selected{background-color:#fff;border-radius:4px;box-shadow:0 2px 8px -2px #0000000d,0 1px 4px -1px #00000012,0 0 1px #00000012;box-sizing:border-box;display:none;height:100%;left:0;padding:4px 0;position:absolute;top:0;transition:transform .5s cubic-bezier(.645,.045,.355,1),width .5s cubic-bezier(.645,.045,.355,1);width:0;will-change:transform,width}.pure-segmented-item{border-radius:4px;cursor:pointer;position:relative;text-align:center;transition:all .1s cubic-bezier(.645,.045,.355,1)}.pure-segmented-item>div{line-height:28px;min-height:28px;overflow:hidden;padding:0 11px;text-overflow:ellipsis;white-space:nowrap}.pure-segmented-item>input{height:0;inset-block-start:0;inset-inline-start:0;opacity:0;pointer-events:none;position:absolute;width:0}.pure-segmented-item-label{align-items:center;display:flex;justify-content:center}.pure-segmented-item-icon svg{height:16px;width:16px}.pure-segmented-item-disabled{color:#00000040;cursor:not-allowed}
|