vue-amazing-ui/lib/segmented/Segmented.css

An Amazing Vue3 UI Components Library, Using TypeScript.

.segmented-wrap[data-v-4f5cc5c0]{display:inline-block;padding:2px;color:#000000a6;font-size:14px;line-height:1.57142857;background-color:#f5f5f5;border-radius:6px;transition:all .2s cubic-bezier(.645,.045,.355,1)}.segmented-wrap .segmented-group[data-v-4f5cc5c0]{position:relative;display:flex;align-items:stretch;justify-items:flex-start;width:100%}.segmented-wrap .segmented-group .segmented-item[data-v-4f5cc5c0]{position:relative;z-index:1;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .2s cubic-bezier(.645,.045,.355,1);border-radius:4px}.segmented-wrap .segmented-group .segmented-item[data-v-4f5cc5c0]:hover:not(.segmented-item-selected):not(.segmented-item-disabled){color:#000000e0}.segmented-wrap .segmented-group .segmented-item[data-v-4f5cc5c0]:hover:not(.segmented-item-selected):not(.segmented-item-disabled):after{background-color:#0000000f}.segmented-wrap .segmented-group .segmented-item[data-v-4f5cc5c0]:after{position:absolute;width:100%;height:100%;top:0;left:0;border-radius:inherit;transition:background-color .2s;pointer-events:none;content:""}.segmented-wrap .segmented-group .segmented-item .segmented-item-input[data-v-4f5cc5c0]{position:absolute;top:0;left:0;width:0;height:0;opacity:0;pointer-events:none}.segmented-wrap .segmented-group .segmented-item .segmented-item-label[data-v-4f5cc5c0]{min-height:28px;line-height:28px;padding:0 11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.segmented-wrap .segmented-group .segmented-item .segmented-item-label[data-v-4f5cc5c0] svg{fill:currentColor}.segmented-wrap .segmented-group .segmented-item .segmented-item-label[data-v-4f5cc5c0] .avatar-wrap{cursor:pointer}.segmented-wrap .segmented-group .segmented-item-selected[data-v-4f5cc5c0]{color:#000000e0}.segmented-wrap .segmented-group .segmented-item-disabled[data-v-4f5cc5c0]{color:#00000040;cursor:not-allowed}.segmented-small[data-v-4f5cc5c0]{border-radius:4px}.segmented-small .segmented-group .segmented-item[data-v-4f5cc5c0]{border-radius:2px}.segmented-small .segmented-group .segmented-item .segmented-item-label[data-v-4f5cc5c0]{min-height:20px;line-height:20px;padding:0 7px}.segmented-large[data-v-4f5cc5c0]{border-radius:8px}.segmented-large .segmented-group .segmented-item[data-v-4f5cc5c0]{border-radius:6px}.segmented-large .segmented-group .segmented-item .segmented-item-label[data-v-4f5cc5c0]{min-height:36px;line-height:36px;padding:0 11px;font-size:16px}.segmented-block[data-v-4f5cc5c0]{display:flex;width:100%}.segmented-block .segmented-group .segmented-item[data-v-4f5cc5c0]{flex:1;min-width:0}