@brizy/ui
Version:
React elements in Brizy style
1 lines • 10.5 kB
CSS
.brz-ui-image-preview,.brz-ui-modal{pointer-events:none}.brz-ui-image-preview.zoom-appear,.brz-ui-image-preview.zoom-enter,.brz-ui-modal.zoom-appear,.brz-ui-modal.zoom-enter{transform:none;opacity:0;animation-duration:.3s;user-select:none}.brz-ui-image-preview-mask,.brz-ui-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;height:100%;background-color:rgba(0,0,0,.45)}.brz-ui-image-preview-mask-hidden,.brz-ui-modal-mask-hidden{display:none}.brz-ui-image-preview-wrap,.brz-ui-modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;outline:0;-webkit-overflow-scrolling:touch}.brz-ui-popover{box-sizing:border-box;margin:0;padding:0;color:var(--color-dark,#212733);font-size:14px;font-variant:proportional-nums;line-height:1.7;list-style:none;font-feature-settings:'tnum';position:absolute;top:0;left:0;z-index:1030;font-weight:400;white-space:normal;text-align:left;cursor:auto;user-select:text}.brz-ui-popover::after{position:absolute;background:var(--white-fade-1,#ffffff03);content:''}.brz-ui-popover-hidden{display:none}.brz-ui-popover-placement-top,.brz-ui-popover-placement-topLeft,.brz-ui-popover-placement-topRight{padding-bottom:10px}.brz-ui-popover-placement-right,.brz-ui-popover-placement-rightBottom,.brz-ui-popover-placement-rightTop{padding-left:10px}.brz-ui-popover-placement-bottom,.brz-ui-popover-placement-bottomLeft,.brz-ui-popover-placement-bottomRight{padding-top:10px}.brz-ui-popover-placement-left,.brz-ui-popover-placement-leftBottom,.brz-ui-popover-placement-leftTop{padding-right:10px}.brz-ui-popover-inner{background-color:var(--color-white,#fff);background-clip:padding-box;border-radius:3px;box-shadow:0 3px 8px 2px rgba(0,0,0,.09)}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.brz-ui-popover-inner{box-shadow:0 3px 8px 2px rgba(0,0,0,.09)}}.brz-ui-popover-title{min-width:177px;min-height:32px;margin:0;padding:5px 16px 4px;color:var(--color-dark,#212733);font-weight:500;border-bottom:1px solid #f0f0f0}.brz-ui-popover-inner-content{padding:12px 16px;color:var(--color-dark,#212733)}.brz-ui-popover-message{position:relative;padding:4px 0 12px;color:var(--color-dark,#212733);font-size:14px}.brz-ui-popover-message>.anticon{position:absolute;top:8.9px;color:var(--color-orange,#dfad3d);font-size:14px}.brz-ui-popover-message-title{padding-left:22px}.brz-ui-popover-buttons{margin-bottom:4px;text-align:right}.brz-ui-popover-buttons button{margin-left:8px}.brz-ui-popover-arrow{position:absolute;display:block;width:8.48528137px;height:8.48528137px;background:0 0;border-style:solid;border-width:4.24264069px;transform:rotate(45deg)}.brz-ui-popover-placement-top>.brz-ui-popover-content>.brz-ui-popover-arrow,.brz-ui-popover-placement-topLeft>.brz-ui-popover-content>.brz-ui-popover-arrow,.brz-ui-popover-placement-topRight>.brz-ui-popover-content>.brz-ui-popover-arrow{bottom:6.2px;border-top-color:transparent;border-right-color:var(--color-white,#fff);border-bottom-color:var(--color-white,#fff);border-left-color:transparent;box-shadow:3px 3px 7px rgba(0,0,0,.07)}.brz-ui-popover-placement-top>.brz-ui-popover-content>.brz-ui-popover-arrow{left:50%;transform:translateX(-50%) rotate(45deg)}.brz-ui-popover-placement-topLeft>.brz-ui-popover-content>.brz-ui-popover-arrow{left:16px}.brz-ui-popover-placement-topRight>.brz-ui-popover-content>.brz-ui-popover-arrow{right:16px}.brz-ui-popover-placement-right>.brz-ui-popover-content>.brz-ui-popover-arrow,.brz-ui-popover-placement-rightBottom>.brz-ui-popover-content>.brz-ui-popover-arrow,.brz-ui-popover-placement-rightTop>.brz-ui-popover-content>.brz-ui-popover-arrow{left:6px;border-top-color:transparent;border-right-color:transparent;border-bottom-color:var(--color-white,#fff);border-left-color:var(--color-white,#fff);box-shadow:-3px 3px 7px rgba(0,0,0,.07)}.brz-ui-popover-placement-right>.brz-ui-popover-content>.brz-ui-popover-arrow{top:50%;transform:translateY(-50%) rotate(45deg)}.brz-ui-popover-placement-rightTop>.brz-ui-popover-content>.brz-ui-popover-arrow{top:12px}.brz-ui-popover-placement-rightBottom>.brz-ui-popover-content>.brz-ui-popover-arrow{bottom:12px}.brz-ui-popover-placement-bottom>.brz-ui-popover-content>.brz-ui-popover-arrow,.brz-ui-popover-placement-bottomLeft>.brz-ui-popover-content>.brz-ui-popover-arrow,.brz-ui-popover-placement-bottomRight>.brz-ui-popover-content>.brz-ui-popover-arrow{top:6px;border-top-color:var(--color-white,#fff);border-right-color:transparent;border-bottom-color:transparent;border-left-color:var(--color-white,#fff);box-shadow:-2px -2px 5px rgba(0,0,0,.06)}.brz-ui-popover-placement-bottom>.brz-ui-popover-content>.brz-ui-popover-arrow{left:50%;transform:translateX(-50%) rotate(45deg)}.brz-ui-popover-placement-bottomLeft>.brz-ui-popover-content>.brz-ui-popover-arrow{left:16px}.brz-ui-popover-placement-bottomRight>.brz-ui-popover-content>.brz-ui-popover-arrow{right:16px}.brz-ui-popover-placement-left>.brz-ui-popover-content>.brz-ui-popover-arrow,.brz-ui-popover-placement-leftBottom>.brz-ui-popover-content>.brz-ui-popover-arrow,.brz-ui-popover-placement-leftTop>.brz-ui-popover-content>.brz-ui-popover-arrow{right:6px;border-top-color:var(--color-white,#fff);border-right-color:var(--color-white,#fff);border-bottom-color:transparent;border-left-color:transparent;box-shadow:3px -3px 7px rgba(0,0,0,.07)}.brz-ui-popover-placement-left>.brz-ui-popover-content>.brz-ui-popover-arrow{top:50%;transform:translateY(-50%) rotate(45deg)}.brz-ui-popover-placement-leftTop>.brz-ui-popover-content>.brz-ui-popover-arrow{top:12px}.brz-ui-popover-placement-leftBottom>.brz-ui-popover-content>.brz-ui-popover-arrow{bottom:12px}.brz-ui-popover-rtl{direction:rtl;text-align:right}.brz-ui-popover-rtl .brz-ui-popover-message-title{padding-right:22px;padding-left:16px}.brz-ui-popover-rtl .brz-ui-popover-buttons{text-align:left}.brz-ui-popover-rtl .brz-ui-popover-buttons button{margin-right:8px;margin-left:0}.brz-ui-animated--fadeInDown{animation-name:brz-ui-fadeInDown}.brz-ui-animated--fadeInUp{animation-name:brz-ui-fadeInUp}.brz-ui-animated--fadeIn{animation-name:brz-ui-fadeIn}.brz-ui-animated--fadeInLeft{animation-name:brz-ui-fadeInLeft}@keyframes brz-ui-fadeInDown{from{opacity:0;transform:translate3d(0,-10px,0)}to{opacity:1;transform:none}}@keyframes brz-ui-fadeInUp{from{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}@keyframes brz-ui-fadeIn{from{opacity:0}to{opacity:1}}@keyframes brz-ui-fadeInLeft{from{opacity:0;transform:translate3d(-10px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}.brz-ui-animated--spin{animation-name:brz-ui-spin;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes brz-ui-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.brz-ui-animated--pulsate{animation-name:brz-ui-pulsate}@keyframes brz-ui-pulsate{0%{transform:scale(.1,.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2,1.2);opacity:0}}.brz-ui-animated--sk-bounce{animation-name:brz-ui-sk-bounce}@keyframes brz-ui-sk-bounce{0%,100%{transform:scale(0)}50%{transform:scale(1)}}.brz-ui-animated{animation-duration:.15s;animation-fill-mode:both}.brz-ui-icon__svg svg{fill:var(--brz-ui-global-icon-color,var(--brz-ui-icon-color,var(--color-gray,#777f86)));color:var(--brz-ui-global-icon-color,var(--brz-ui-icon-color,var(--color-gray,#777f86)));font-size:var(--brz-ui-icon-size, 16px);transition:.3s ease-in-out}.brz-ui-icon__svg:hover svg{fill:var(--brz-ui-global-icon-hover-color,var(--brz-ui-icon-hover-color,var(--brz-ui-global-icon-color,var(--brz-ui-icon-color,var(--color-gray,#777f86)))));color:var(--brz-ui-global-icon-hover-color,var(--brz-ui-icon-hover-color,var(--brz-ui-global-icon-color,var(--brz-ui-icon-color,var(--color-gray,#777f86)))))}.brz-ui-icon__svg--inherit.anticon,.brz-ui-icon__svg--inherit.anticon svg{color:inherit}.brz-ui-icon__img{mask:var(--brz-ui-icon-image-source,none);background:var(--brz-ui-global-icon-color,var(--brz-ui-icon-color,var(--color-gray,#777f86)));background-repeat:no-repeat;mask-repeat:no-repeat;mask-size:var(--brz-ui-icon-size,16px);width:var(--brz-ui-icon-size,16px);height:var(--brz-ui-icon-size,16px);transition:background .3s ease-in-out}.brz-ui-icon__img:hover{background:var(--brz-ui-global-icon-hover-color,var(--brz-ui-icon-hover-color,var(--brz-ui-global-icon-color,var(--brz-ui-icon-color,var(--color-gray,#777f86)))))}.brz-ui-icon__img .brz-ui-icon__svg--inherit{background:inherit}.brz-ui-color-picker{display:flex;border:1px solid var(--color-gray-light,#d5d9db);background-color:var(--brz-ui-global-input-background,var(--brz-ui-input-background,var(--color-white,#fff)));align-items:center;justify-content:space-between;border-radius:3px;padding:6px 16px 6px 22px;cursor:pointer}.brz-ui-color-picker:hover .brz-ui-icon__svg svg{color:var(--color-gray-darkest,#3a404d)}.brz-ui-color-picker__name-color{height:22px;flex:0 0 89%;font-size:15px;color:var(--brz-ui-global-input-color,var(--brz-ui-input-color,var(--color-dark,#212733)));font-weight:600;text-transform:uppercase;line-height:25px}.brz-ui-color-picker span{display:flex}.brz-ui-color-picker .brz-ui-color-picker__select-color{width:24px;font-size:24px}.brz-ui-color-picker--disabled{background-color:#f5f5f5;pointer-events:none}.brz-ui-color-picker--disabled .brz-ui-color-picker__name-color,.brz-ui-color-picker--disabled .brz-ui-color-picker__name-color+span{opacity:.2}.brz-ui-color-picker--disabled *{cursor:not-allowed}.brz-ui-color-picker--middle{height:38px;padding:11px 14px}.brz-ui-color-picker--middle .brz-ui-color-picker__name-color{font-size:12px}.brz-ui-color-picker--large{height:48px;padding:14px 25px}.brz-ui-color-picker--large .brz-ui-color-picker__name-color{font-size:15px}.brz-ui-color-picker.zoom-big-leave.zoom-big-leave-active{animation-duration:.3s;animation-name:antFadeOut;animation-play-state:running}.brz-ui-color-picker.zoom-big-enter.zoom-big-enter-active{animation-name:antFadeIn;animation-play-state:running}.brz-ui-color-picker-trigger{max-width:302px;width:100%}.brz-ui-popover-color-picker{padding:0}.brz-ui-popover-color-picker .brz-ui-popover-inner{background-color:transparent;box-shadow:none}.brz-ui-popover-color-picker .brz-ui-popover-inner .brz-ui-popover-inner-content{padding:0;margin-left:5px}.brz-ui-popover-color-picker .brz-ui-popover-arrow{opacity:0}.brz-ui-color-picker__popover .brz-ui-popover-arrow{display:none}.brz-ui-color-picker__popover .brz-ui-popover-content .brz-ui-popover-inner-content{padding:0}