@brizy/ui
Version:
React elements in Brizy style
1 lines • 12 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-tooltip{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;z-index:1070;display:block;max-width:250px;visibility:visible}.brz-ui-tooltip-hidden{display:none}.brz-ui-tooltip-placement-top,.brz-ui-tooltip-placement-topLeft,.brz-ui-tooltip-placement-topRight{padding-bottom:8px}.brz-ui-tooltip-placement-right,.brz-ui-tooltip-placement-rightBottom,.brz-ui-tooltip-placement-rightTop{padding-left:8px}.brz-ui-tooltip-placement-bottom,.brz-ui-tooltip-placement-bottomLeft,.brz-ui-tooltip-placement-bottomRight{padding-top:8px}.brz-ui-tooltip-placement-left,.brz-ui-tooltip-placement-leftBottom,.brz-ui-tooltip-placement-leftTop{padding-right:8px}.brz-ui-tooltip-inner{min-width:30px;min-height:32px;padding:6px 8px;color:var(--color-white,#fff);text-align:left;text-decoration:none;word-wrap:break-word;background-color:rgba(3,8,15,.92);border-radius:3px;box-shadow:0 3px 8px 2px rgba(0,0,0,.09)}.brz-ui-tooltip-arrow{position:absolute;display:block;width:13.07106781px;height:13.07106781px;overflow:hidden;background:0 0;pointer-events:none}.brz-ui-tooltip-arrow-content{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:5px;height:5px;margin:auto;background-color:rgba(3,8,15,.92);content:'';pointer-events:auto}.brz-ui-tooltip-placement-top .brz-ui-tooltip-arrow,.brz-ui-tooltip-placement-topLeft .brz-ui-tooltip-arrow,.brz-ui-tooltip-placement-topRight .brz-ui-tooltip-arrow{bottom:-5.07106781px}.brz-ui-tooltip-placement-top .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-placement-topLeft .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-placement-topRight .brz-ui-tooltip-arrow-content{box-shadow:3px 3px 7px rgba(0,0,0,.07);transform:translateY(-6.53553391px) rotate(45deg)}.brz-ui-tooltip-placement-top .brz-ui-tooltip-arrow{left:50%;transform:translateX(-50%)}.brz-ui-tooltip-placement-topLeft .brz-ui-tooltip-arrow{left:13px}.brz-ui-tooltip-placement-topRight .brz-ui-tooltip-arrow{right:13px}.brz-ui-tooltip-placement-right .brz-ui-tooltip-arrow,.brz-ui-tooltip-placement-rightBottom .brz-ui-tooltip-arrow,.brz-ui-tooltip-placement-rightTop .brz-ui-tooltip-arrow{left:-5.07106781px}.brz-ui-tooltip-placement-right .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-placement-rightBottom .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-placement-rightTop .brz-ui-tooltip-arrow-content{box-shadow:-3px 3px 7px rgba(0,0,0,.07);transform:translateX(6.53553391px) rotate(45deg)}.brz-ui-tooltip-placement-right .brz-ui-tooltip-arrow{top:50%;transform:translateY(-50%)}.brz-ui-tooltip-placement-rightTop .brz-ui-tooltip-arrow{top:5px}.brz-ui-tooltip-placement-rightBottom .brz-ui-tooltip-arrow{bottom:5px}.brz-ui-tooltip-placement-left .brz-ui-tooltip-arrow,.brz-ui-tooltip-placement-leftBottom .brz-ui-tooltip-arrow,.brz-ui-tooltip-placement-leftTop .brz-ui-tooltip-arrow{right:-5.07106781px}.brz-ui-tooltip-placement-left .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-placement-leftBottom .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-placement-leftTop .brz-ui-tooltip-arrow-content{box-shadow:3px -3px 7px rgba(0,0,0,.07);transform:translateX(-6.53553391px) rotate(45deg)}.brz-ui-tooltip-placement-left .brz-ui-tooltip-arrow{top:50%;transform:translateY(-50%)}.brz-ui-tooltip-placement-leftTop .brz-ui-tooltip-arrow{top:5px}.brz-ui-tooltip-placement-leftBottom .brz-ui-tooltip-arrow{bottom:5px}.brz-ui-tooltip-placement-bottom .brz-ui-tooltip-arrow,.brz-ui-tooltip-placement-bottomLeft .brz-ui-tooltip-arrow,.brz-ui-tooltip-placement-bottomRight .brz-ui-tooltip-arrow{top:-5.07106781px}.brz-ui-tooltip-placement-bottom .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-placement-bottomLeft .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-placement-bottomRight .brz-ui-tooltip-arrow-content{box-shadow:-3px -3px 7px rgba(0,0,0,.07);transform:translateY(6.53553391px) rotate(45deg)}.brz-ui-tooltip-placement-bottom .brz-ui-tooltip-arrow{left:50%;transform:translateX(-50%)}.brz-ui-tooltip-placement-bottomLeft .brz-ui-tooltip-arrow{left:13px}.brz-ui-tooltip-placement-bottomRight .brz-ui-tooltip-arrow{right:13px}.brz-ui-tooltip-magenta .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-magenta .brz-ui-tooltip-inner,.brz-ui-tooltip-pink .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-pink .brz-ui-tooltip-inner{background-color:#eb2f96}.brz-ui-tooltip-red .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-red .brz-ui-tooltip-inner{background-color:#f5222d}.brz-ui-tooltip-volcano .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-volcano .brz-ui-tooltip-inner{background-color:#fa541c}.brz-ui-tooltip-orange .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-orange .brz-ui-tooltip-inner{background-color:#fa8c16}.brz-ui-tooltip-yellow .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-yellow .brz-ui-tooltip-inner{background-color:#fadb14}.brz-ui-tooltip-gold .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-gold .brz-ui-tooltip-inner{background-color:#faad14}.brz-ui-tooltip-cyan .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-cyan .brz-ui-tooltip-inner{background-color:#13c2c2}.brz-ui-tooltip-lime .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-lime .brz-ui-tooltip-inner{background-color:#a0d911}.brz-ui-tooltip-green .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-green .brz-ui-tooltip-inner{background-color:#52c41a}.brz-ui-tooltip-blue .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-blue .brz-ui-tooltip-inner{background-color:#1890ff}.brz-ui-tooltip-geekblue .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-geekblue .brz-ui-tooltip-inner{background-color:#2f54eb}.brz-ui-tooltip-purple .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-purple .brz-ui-tooltip-inner{background-color:#722ed1}.brz-ui-tooltip-rtl{direction:rtl}.brz-ui-tooltip-rtl .brz-ui-tooltip-inner{text-align:right}.brz-ui-tooltip{padding-bottom:4px;max-width:var(--brz-ui-tooltip-maxWidth,195px)}.brz-ui-tooltip__content{max-width:fit-content}.brz-ui-tooltip__capitalized{text-transform:capitalize}.brz-ui-tooltip .brz-ui-tooltip-inner{min-height:0;font-size:var(--brz-ui-tooltip-fontSize, 12px);font-weight:var(--brz-ui-tooltip-fontWeight,600);line-height:var(--brz-ui-tooltip-lineHeight, 19px);color:var(--color-white,#fff);padding:var(--brz-ui-tooltip-padding,12px 16px);border-radius:var(--brz-ui-tooltip-rounded,0);letter-spacing:var(--brz-ui-tooltip-letterSpacing, 0)}.brz-ui-tooltip .brz-ui-tooltip-arrow{margin:0 0 -3px}.brz-ui-tooltip__bordered .brz-ui-tooltip-inner{border:1px solid var(--color-gray-darkest,#3a404d);border-radius:2px}.brz-ui-tooltip__bordered .brz-ui-tooltip-arrow-content{border:1px solid var(--color-gray-darkest,#3a404d)}.brz-ui-tooltip__shadowed .brz-ui-tooltip-inner{box-shadow:0 5px 16px 0 rgba(33,39,51,.68)}.brz-ui-tooltip__no-arrow .brz-ui-tooltip-arrow-content{display:none}.brz-ui-tooltip__color-red .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-red .brz-ui-tooltip-inner{background-color:var(--color-red,red)}.brz-ui-tooltip__color-red-light .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-red-light .brz-ui-tooltip-inner{background-color:var(--color-red-light,#f6dede)}.brz-ui-tooltip__color-blue .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-blue .brz-ui-tooltip-inner{background-color:var(--color-blue,#3dbfe8)}.brz-ui-tooltip__color-blue-mid .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-blue-mid .brz-ui-tooltip-inner{background-color:var(--color-blue-mid,#add6e4)}.brz-ui-tooltip__color-blue-light .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-blue-light .brz-ui-tooltip-inner{background-color:var(--color-blue-light,#d8eaf0)}.brz-ui-tooltip__color-blue-lightest .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-blue-lightest .brz-ui-tooltip-inner{background-color:var(--color-blue-lighest,#e5eff2)}.brz-ui-tooltip__color-dark .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-dark .brz-ui-tooltip-inner{background-color:var(--color-dark,#212733)}.brz-ui-tooltip__color-darkest .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-darkest .brz-ui-tooltip-inner{background-color:var(--color-darkest,#141923)}.brz-ui-tooltip__color-gray .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-gray .brz-ui-tooltip-inner{background-color:var(--color-gray,#777f86)}.brz-ui-tooltip__color-gray-darkest .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-gray-darkest .brz-ui-tooltip-inner{background-color:var(--color-gray-darkest,#3a404d)}.brz-ui-tooltip__color-gray-mid .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-gray-mid .brz-ui-tooltip-inner{background-color:var(--color-gray-mid,#a1a8ad)}.brz-ui-tooltip__color-gray-light .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-gray-light .brz-ui-tooltip-inner{background-color:var(--color-gray-light,#d5d9db)}.brz-ui-tooltip__color-gray-lightest .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-gray-lightest .brz-ui-tooltip-inner{background-color:var(--color-gray-lightest,#f1f1f1)}.brz-ui-tooltip__color-orange .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-orange .brz-ui-tooltip-inner{background-color:var(--color-orange,#dfad3d)}.brz-ui-tooltip__color-orange-light .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-orange-light .brz-ui-tooltip-inner{background-color:var(--color-orange-light,#fdeecd)}.brz-ui-tooltip__color-green .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-green .brz-ui-tooltip-inner{background-color:var(--color-green,#47cc24)}.brz-ui-tooltip__color-green-light .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-green-light .brz-ui-tooltip-inner{background-color:var(--color-green-light,#d4f9c9)}.brz-ui-tooltip__color-white .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-white .brz-ui-tooltip-inner{background-color:var(--color-white,#fff)}.brz-ui-input-item-item-control{width:100%}.brz-ui-input-item p{margin-bottom:0;font-size:13px;font-weight:600;letter-spacing:0;line-height:16px}.brz-ui-input-item-description{padding-top:10px}.brz-ui-input-item-description p{margin-bottom:0;color:var(--color-gray,#777f86);font-style:italic}.brz-ui-input-item-error{padding-top:10px}.brz-ui-input-item-error p{color:var(--color-red,red)}.brz-ui-input-item-label{padding-bottom:2px}.brz-ui-input-item-label--horizontal{display:flex;align-items:center;flex-wrap:wrap}.brz-ui-input-item-label--horizontal .brz-ui-input-item-label{max-width:40%;padding-bottom:0}.brz-ui-input-item-label--horizontal .brz-ui-input-item-label:first-child{padding-inline-end:10px}.brz-ui-input-item-label--horizontal .brz-ui-input-item-label:not(:first-child){padding-inline-start:10px}.brz-ui-input-item-label--horizontal .brz-ui-input-item-item-control{width:auto;flex:1}.brz-ui-input-item-label--horizontal .brz-ui-input-item-description,.brz-ui-input-item-label--horizontal .brz-ui-input-item-error{width:100%}.brz-ui-input-item-label__simple label{color:var(--color-dark,#212733);font-size:13px;font-weight:600;letter-spacing:0;line-height:16px}.brz-ui-input-item--middle .brz-ui-input-item-description p,.brz-ui-input-item--middle .brz-ui-input-item-error p{font-size:12px}.brz-ui-input-item--large .brz-ui-input-item-description p,.brz-ui-input-item--large .brz-ui-input-item-error p,.brz-ui-input-item--large .brz-ui-input-item-label label{font-size:15px}.brz-ui-input-item-helper{display:inline-flex;align-items:center}.brz-ui-input-item-helper__text{margin-inline-end:9px}