@brizy/ui
Version:
React elements in Brizy style
1 lines • 1.61 kB
CSS
.brz-ui-editable-select{position:relative;display:flex;width:100%;align-items:center}.brz-ui-editable-select .brz-ui-input,.brz-ui-editable-select .brz-ui-select{flex:1 1 0%;margin-right:6px}.brz-ui-editable-select-dots{width:30px;height:30px;border-radius:4px;position:relative;cursor:pointer;background-color:var(--secondary-dark,#383e48)}.brz-ui-editable-select-dots:after{content:"...";position:absolute;width:100%;text-align:center;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1));line-height:30px;font-size:15px;letter-spacing:.25px;top:-3px;font-weight:800}.brz-ui-editable-select-extra-options{z-index:10;width:100%;margin-top:10px}.brz-ui-editable-select__extra-option{cursor:pointer;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1));height:30px;line-height:30px;padding-left:8px;background-color:var(--secondary-dark,#383e48)}.brz-ui-editable-select__extra-option:hover{color:var(--color-blue,#3dbfe8)}.brz-ui-editable-select__extra-option:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.brz-ui-editable-select__extra-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.brz-ui-editable-select__extra-option:not(:last-child){border-width:0 0 1px;border-style:solid;border-color:rgb(255 255 255 / var(--tw-border-opacity,1));--tw-border-opacity:0.2}.brz-ui-editable-select__extra-option.brz-ui-editable-select-extra-option__disabled{pointer-events:none;color:var(--select-disabled,#828b92)}.brz-ui-editable-select-error{font-size:12px;font-weight:600;padding-top:5px;padding-left:5px;color:var(--color-red,red)}