@brizy/ui
Version:
React elements in Brizy style
1 lines • 7.33 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-divider{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';border-top:1px solid rgba(0,0,0,.06)}.brz-ui-divider-vertical{position:relative;top:-.06em;display:inline-block;height:.9em;margin:0 8px;vertical-align:middle;border-top:0;border-left:1px solid rgba(0,0,0,.06)}.brz-ui-divider-horizontal{display:flex;clear:both;width:100%;min-width:100%;margin:24px 0}.brz-ui-divider-horizontal.brz-ui-divider-with-text{display:flex;margin:16px 0;color:var(--color-dark,#212733);font-weight:500;font-size:16px;white-space:nowrap;text-align:center;border-color:rgba(0,0,0,.06);border-top:0}.brz-ui-divider-horizontal.brz-ui-divider-with-text::after,.brz-ui-divider-horizontal.brz-ui-divider-with-text::before{position:relative;top:50%;width:50%;border-top:1px solid transparent;border-top-color:inherit;border-bottom:0;transform:translateY(50%);content:''}.brz-ui-divider-horizontal.brz-ui-divider-with-text-left::before{top:50%;width:5%}.brz-ui-divider-horizontal.brz-ui-divider-with-text-left::after,.brz-ui-divider-horizontal.brz-ui-divider-with-text-right::before{top:50%;width:95%}.brz-ui-divider-horizontal.brz-ui-divider-with-text-right::after{top:50%;width:5%}.brz-ui-divider-inner-text{display:inline-block;padding:0 1em}.brz-ui-divider-dashed{background:0 0;border-color:rgba(0,0,0,.06);border-style:dashed;border-width:1px 0 0}.brz-ui-divider-horizontal.brz-ui-divider-with-text.brz-ui-divider-dashed{border-top:0}.brz-ui-divider-horizontal.brz-ui-divider-with-text.brz-ui-divider-dashed::after,.brz-ui-divider-horizontal.brz-ui-divider-with-text.brz-ui-divider-dashed::before{border-style:dashed none none}.brz-ui-divider-vertical.brz-ui-divider-dashed{border-width:0 0 0 1px}.brz-ui-divider-plain.brz-ui-divider-with-text{color:var(--color-dark,#212733);font-weight:400;font-size:14px}.brz-ui-divider-rtl{direction:rtl}.brz-ui-divider-rtl.brz-ui-divider-horizontal.brz-ui-divider-with-text-left::before{width:95%}.brz-ui-divider-rtl.brz-ui-divider-horizontal.brz-ui-divider-with-text-left::after,.brz-ui-divider-rtl.brz-ui-divider-horizontal.brz-ui-divider-with-text-right::before{width:5%}.brz-ui-divider-rtl.brz-ui-divider-horizontal.brz-ui-divider-with-text-right::after{width:95%}.brz-ui-divider:not(.brz-ui-divider-with-text).brz-ui-divider--red{border-color:var(--color-red,red)}.brz-ui-divider:not(.brz-ui-divider-with-text).brz-ui-divider--red-light{border-color:var(--color-red-light,#f6dede)}.brz-ui-divider:not(.brz-ui-divider-with-text).brz-ui-divider--blue{border-color:var(--color-blue,#3dbfe8)}.brz-ui-divider:not(.brz-ui-divider-with-text).brz-ui-divider--blue-mid{border-color:var(--color-blue-mid,#add6e4)}.brz-ui-divider:not(.brz-ui-divider-with-text).brz-ui-divider--blue-light{border-color:var(--color-blue-light,#d8eaf0)}.brz-ui-divider:not(.brz-ui-divider-with-text).brz-ui-divider--blue-lightest{border-color:var(--color-blue-lighest,#e5eff2)}.brz-ui-divider:not(.brz-ui-divider-with-text).brz-ui-divider--dark{border-color:var(--color-dark,#212733)}.brz-ui-divider:not(.brz-ui-divider-with-text).brz-ui-divider--darkest{border-color:var(--color-darkest,#141923)}.brz-ui-divider:not(.brz-ui-divider-with-text).brz-ui-divider--gray{border-color:var(--color-gray,#777f86)}.brz-ui-divider:not(.brz-ui-divider-with-text).brz-ui-divider--gray-darkest{border-color:var(--color-gray-darkest,#3a404d)}.brz-ui-divider:not(.brz-ui-divider-with-text).brz-ui-divider--gray-mid{border-color:var(--color-gray-mid,#a1a8ad)}.brz-ui-divider:not(.brz-ui-divider-with-text).brz-ui-divider--gray-light{border-color:var(--color-gray-light,#d5d9db)}.brz-ui-divider:not(.brz-ui-divider-with-text).brz-ui-divider--gray-lightest{border-color:var(--color-gray-lightest,#f1f1f1)}.brz-ui-divider:not(.brz-ui-divider-with-text).brz-ui-divider--orange{border-color:var(--color-orange,#dfad3d)}.brz-ui-divider:not(.brz-ui-divider-with-text).brz-ui-divider--orange-light{border-color:var(--color-orange-light,#fdeecd)}.brz-ui-divider:not(.brz-ui-divider-with-text).brz-ui-divider--green{border-color:var(--color-green,#47cc24)}.brz-ui-divider:not(.brz-ui-divider-with-text).brz-ui-divider--green-light{border-color:var(--color-green-light,#d4f9c9)}.brz-ui-divider:not(.brz-ui-divider-with-text).brz-ui-divider--white{border-color:var(--color-white,#fff)}.brz-ui-divider:not(.brz-ui-divider-with-text).brz-ui-divider--transparent{border-color:var(--color-transparent,transparent)}.brz-ui-divider:not(.brz-ui-divider-with-text).brz-ui-divider--inherit{border-color:currentcolor;color:inherit}.brz-ui-divider:not(.brz-ui-divider-with-text).brz-ui-divider-horizontal{margin:0}.brz-ui-divider.brz-ui-divider-with-text.brz-ui-divider--red{color:var(--color-red,red)}.brz-ui-divider.brz-ui-divider-with-text.brz-ui-divider--red-light{color:var(--color-red-light,#f6dede)}.brz-ui-divider.brz-ui-divider-with-text.brz-ui-divider--blue{color:var(--color-blue,#3dbfe8)}.brz-ui-divider.brz-ui-divider-with-text.brz-ui-divider--blue-mid{color:var(--color-blue-mid,#add6e4)}.brz-ui-divider.brz-ui-divider-with-text.brz-ui-divider--blue-light{color:var(--color-blue-light,#d8eaf0)}.brz-ui-divider.brz-ui-divider-with-text.brz-ui-divider--blue-lightest{color:var(--color-blue-lighest,#e5eff2)}.brz-ui-divider.brz-ui-divider-with-text.brz-ui-divider--dark{color:var(--color-dark,#212733)}.brz-ui-divider.brz-ui-divider-with-text.brz-ui-divider--darkest{color:var(--color-darkest,#141923)}.brz-ui-divider.brz-ui-divider-with-text.brz-ui-divider--gray{color:var(--color-gray,#777f86)}.brz-ui-divider.brz-ui-divider-with-text.brz-ui-divider--gray-darkest{color:var(--color-gray-darkest,#3a404d)}.brz-ui-divider.brz-ui-divider-with-text.brz-ui-divider--gray-mid{color:var(--color-gray-mid,#a1a8ad)}.brz-ui-divider.brz-ui-divider-with-text.brz-ui-divider--gray-light{color:var(--color-gray-light,#d5d9db)}.brz-ui-divider.brz-ui-divider-with-text.brz-ui-divider--gray-lightest{color:var(--color-gray-lightest,#f1f1f1)}.brz-ui-divider.brz-ui-divider-with-text.brz-ui-divider--orange{color:var(--color-orange,#dfad3d)}.brz-ui-divider.brz-ui-divider-with-text.brz-ui-divider--orange-light{color:var(--color-orange-light,#fdeecd)}.brz-ui-divider.brz-ui-divider-with-text.brz-ui-divider--green{color:var(--color-green,#47cc24)}.brz-ui-divider.brz-ui-divider-with-text.brz-ui-divider--green-light{color:var(--color-green-light,#d4f9c9)}.brz-ui-divider.brz-ui-divider-with-text.brz-ui-divider--white{color:var(--color-white,#fff)}.brz-ui-divider.brz-ui-divider-with-text.brz-ui-divider--transparent{color:var(--color-transparent,transparent)}.brz-ui-divider.brz-ui-divider-with-text.brz-ui-divider--inherit{color:inherit}