vue-pure-admin/static/css/index-0Ns0oD31.css

2 lines
3.1 KiB
CSS

.pure-segmented{--pure-control-padding-horizontal:12px;--pure-control-padding-horizontal-sm:8px;--pure-segmented-track-padding:2px;--pure-segmented-line-width:1px;--pure-segmented-border-radius-small:4px;--pure-segmented-border-radius-base:6px;--pure-segmented-border-radius-large:8px;background-color:#0000000a;border-radius:var(--pure-segmented-border-radius-base);box-sizing:border-box;color:#000000a6;display:inline-block;font-size:var(--el-font-size-base);padding:var(--pure-segmented-track-padding)}.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.pure-segmented--small{border-radius:var(--pure-segmented-border-radius-small)}.pure-segmented.pure-segmented--small .pure-segmented-item{border-radius:var(--el-border-radius-small)}.pure-segmented.pure-segmented--small .pure-segmented-item>div{line-height:calc(var(--el-component-size-small) - var(--pure-segmented-track-padding)*2);min-height:calc(var(--el-component-size-small) - var(--pure-segmented-track-padding)*2);padding:0 calc(var(--pure-control-padding-horizontal-sm) - var(--pure-segmented-line-width))}.pure-segmented.pure-segmented--large{border-radius:var(--pure-segmented-border-radius-large)}.pure-segmented.pure-segmented--large .pure-segmented-item{border-radius:calc(var(--el-border-radius-base) + var(--el-border-radius-small))}.pure-segmented.pure-segmented--large .pure-segmented-item>div{font-size:var(--el-font-size-medium);line-height:calc(var(--el-component-size-large) - var(--pure-segmented-track-padding)*2);min-height:calc(var(--el-component-size-large) - var(--pure-segmented-track-padding)*2);padding:0 calc(var(--pure-control-padding-horizontal) - var(--pure-segmented-line-width))}.pure-segmented-item{border-radius:var(--el-border-radius-base);cursor:pointer;position:relative;text-align:center;transition:all .1s cubic-bezier(.645,.045,.355,1)}.pure-segmented .pure-segmented-item>div{line-height:calc(var(--el-component-size) - var(--pure-segmented-track-padding)*2);min-height:calc(var(--el-component-size) - var(--pure-segmented-track-padding)*2);overflow:hidden;padding:0 calc(var(--pure-control-padding-horizontal) - var(--pure-segmented-line-width));text-overflow:ellipsis;transition:.1s;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>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}