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

An Amazing Vue3 UI Components Library, Using TypeScript.

.m-segmented[data-v-110138b9]{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)}.m-segmented .segmented-group[data-v-110138b9]{position:relative;display:flex;align-items:stretch;justify-items:flex-start;width:100%}.m-segmented .segmented-group .segmented-item[data-v-110138b9]{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}.m-segmented .segmented-group .segmented-item[data-v-110138b9]:hover:not(.segmented-item-selected):not(.segmented-item-disabled){color:#000000e0}.m-segmented .segmented-group .segmented-item[data-v-110138b9]:hover:not(.segmented-item-selected):not(.segmented-item-disabled):after{background-color:#0000000f}.m-segmented .segmented-group .segmented-item[data-v-110138b9]:after{position:absolute;width:100%;height:100%;top:0;left:0;border-radius:inherit;transition:background-color .2s;pointer-events:none;content:""}.m-segmented .segmented-group .segmented-item .segmented-item-input[data-v-110138b9]{position:absolute;top:0;left:0;width:0;height:0;opacity:0;pointer-events:none}.m-segmented .segmented-group .segmented-item .segmented-item-label[data-v-110138b9]{min-height:28px;line-height:28px;padding:0 11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.m-segmented .segmented-group .segmented-item .segmented-item-label[data-v-110138b9] svg{fill:currentColor}.m-segmented .segmented-group .segmented-item .segmented-item-label[data-v-110138b9] .m-avatar{cursor:pointer}.m-segmented .segmented-group .segmented-item-selected[data-v-110138b9]{color:#000000e0}.m-segmented .segmented-group .segmented-item-disabled[data-v-110138b9]{color:#00000040;cursor:not-allowed}.segmented-small[data-v-110138b9]{border-radius:4px}.segmented-small .segmented-group .segmented-item[data-v-110138b9]{border-radius:2px}.segmented-small .segmented-group .segmented-item .segmented-item-label[data-v-110138b9]{min-height:20px;line-height:20px;padding:0 7px}.segmented-large[data-v-110138b9]{border-radius:8px}.segmented-large .segmented-group .segmented-item[data-v-110138b9]{border-radius:6px}.segmented-large .segmented-group .segmented-item .segmented-item-label[data-v-110138b9]{min-height:36px;line-height:36px;padding:0 11px;font-size:16px}.segmented-block[data-v-110138b9]{display:flex;width:100%}.segmented-block .segmented-group .segmented-item[data-v-110138b9]{flex:1;min-width:0}