@brizy/ui
Version:
React elements in Brizy style
1 lines • 1.59 kB
CSS
.brz-ui-control__color-palette{display:flex;flex-wrap:wrap;align-items:center;padding-top:0;border-bottom-width:0}.brz-ui-control__color-palette__item{width:18px;height:18px;border-radius:2px;margin-left:2px;cursor:pointer;border-style:solid;border-width:2px;border-color:var(--color_palette-border,#3a404d)}.brz-ui-control__color-palette__item:first-child{margin-left:0}.brz-ui-control__color-palette__item.brz-ui-control__color-palette__item--active{border-style:solid;border-width:2px;border-color:var(--color_palette-border--active,#fff)}.brz-ui-control__color-palette__icon{cursor:pointer;font-size:14px;margin-left:5px;display:flex;color:var(--color_palette-border--active,#fff);transition-property:color;transition-duration:.2s;transition-timing-function:linear}.brz-ui-control__color-palette__icon:hover{color:var(--active-color,#3dbfe8)}.brz-ui-control__color-palette-editor{display:flex;flex-wrap:wrap}.brz-ui-control__color-palette-editor__item{height:23px;width:23px;border-radius:2px;margin-left:3px;cursor:pointer;border-style:solid;border-width:2px;--tw-border-opacity:1;border-color:rgb(58 64 77 / var(--tw-border-opacity,1));transition-property:border;transition-duration:.2s;transition-timing-function:linear}.brz-ui-control__color-palette-editor__item.brz-ui-control__color-palette__item--active,.brz-ui-control__color-palette-editor__item:hover{border-style:solid;border-width:2px;border-color:var(--active-color,#3dbfe8)}.brz-ui-control__color-palette-editor__item:first-child{margin-left:0}.brz-ui-sidebar-control__color-palette2-editor{margin-bottom:32px}