@brizy/ui
Version:
React elements in Brizy style
1 lines • 9.29 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-timeline{box-sizing:border-box;color:var(--color-dark,#212733);font-size:14px;font-variant:proportional-nums;line-height:1.7;font-feature-settings:'tnum';margin:0;padding:0;list-style:none}.brz-ui-timeline-item{position:relative;margin:0;padding-bottom:20px;font-size:14px;list-style:none}.brz-ui-timeline-item-tail{position:absolute;top:10px;left:4px;height:calc(100% - 10px);border-left:2px solid #f0f0f0}.brz-ui-timeline-item-pending .brz-ui-timeline-item-head{font-size:13px;background-color:transparent}.brz-ui-timeline-item-pending .brz-ui-timeline-item-tail{display:none}.brz-ui-timeline-item-head{position:absolute;width:10px;height:10px;background-color:var(--color-white,#fff);border:2px solid transparent;border-radius:100px}.brz-ui-timeline-item-head-blue{color:var(--color-blue,#3dbfe8);border-color:var(--color-blue,#3dbfe8)}.brz-ui-timeline-item-head-red{color:var(--color-red,red);border-color:var(--color-red,red)}.brz-ui-timeline-item-head-green{color:var(--color-green,#47cc24);border-color:var(--color-green,#47cc24)}.brz-ui-timeline-item-head-gray{color:rgba(0,0,0,.25);border-color:rgba(0,0,0,.25)}.brz-ui-timeline-item-head-custom{position:absolute;top:5.5px;left:5px;width:auto;height:auto;margin-top:0;padding:3px 1px;line-height:1;text-align:center;border:0;border-radius:0;transform:translate(-50%,-50%);background-color:inherit}.brz-ui-timeline-item-content{position:relative;top:-8.8px;margin:0 0 0 26px;word-break:break-word}.brz-ui-timeline-item-last>.brz-ui-timeline-item-tail{display:none}.brz-ui-timeline-item-last>.brz-ui-timeline-item-content{min-height:48px}.brz-ui-timeline.brz-ui-timeline-alternate .brz-ui-timeline-item-head,.brz-ui-timeline.brz-ui-timeline-alternate .brz-ui-timeline-item-head-custom,.brz-ui-timeline.brz-ui-timeline-alternate .brz-ui-timeline-item-tail,.brz-ui-timeline.brz-ui-timeline-label .brz-ui-timeline-item-head,.brz-ui-timeline.brz-ui-timeline-label .brz-ui-timeline-item-head-custom,.brz-ui-timeline.brz-ui-timeline-label .brz-ui-timeline-item-tail,.brz-ui-timeline.brz-ui-timeline-right .brz-ui-timeline-item-head,.brz-ui-timeline.brz-ui-timeline-right .brz-ui-timeline-item-head-custom,.brz-ui-timeline.brz-ui-timeline-right .brz-ui-timeline-item-tail{left:50%}.brz-ui-timeline.brz-ui-timeline-alternate .brz-ui-timeline-item-head,.brz-ui-timeline.brz-ui-timeline-label .brz-ui-timeline-item-head,.brz-ui-timeline.brz-ui-timeline-right .brz-ui-timeline-item-head{margin-left:-4px}.brz-ui-timeline.brz-ui-timeline-alternate .brz-ui-timeline-item-head-custom,.brz-ui-timeline.brz-ui-timeline-label .brz-ui-timeline-item-head-custom,.brz-ui-timeline.brz-ui-timeline-right .brz-ui-timeline-item-head-custom{margin-left:1px}.brz-ui-timeline.brz-ui-timeline-alternate .brz-ui-timeline-item-left .brz-ui-timeline-item-content,.brz-ui-timeline.brz-ui-timeline-label .brz-ui-timeline-item-left .brz-ui-timeline-item-content,.brz-ui-timeline.brz-ui-timeline-right .brz-ui-timeline-item-left .brz-ui-timeline-item-content{left:calc(50% - 4px);width:calc(50% - 14px);text-align:left}.brz-ui-timeline.brz-ui-timeline-alternate .brz-ui-timeline-item-right .brz-ui-timeline-item-content,.brz-ui-timeline.brz-ui-timeline-label .brz-ui-timeline-item-right .brz-ui-timeline-item-content,.brz-ui-timeline.brz-ui-timeline-right .brz-ui-timeline-item-right .brz-ui-timeline-item-content{width:calc(50% - 12px);margin:0;text-align:right}.brz-ui-timeline.brz-ui-timeline-right .brz-ui-timeline-item-right .brz-ui-timeline-item-head,.brz-ui-timeline.brz-ui-timeline-right .brz-ui-timeline-item-right .brz-ui-timeline-item-head-custom,.brz-ui-timeline.brz-ui-timeline-right .brz-ui-timeline-item-right .brz-ui-timeline-item-tail{left:calc(100% - 4px - 2px)}.brz-ui-timeline.brz-ui-timeline-right .brz-ui-timeline-item-right .brz-ui-timeline-item-content{width:calc(100% - 18px)}.brz-ui-timeline.brz-ui-timeline-pending .brz-ui-timeline-item-last .brz-ui-timeline-item-tail{display:block;border-left:2px dotted #f0f0f0}.brz-ui-timeline.brz-ui-timeline-reverse .brz-ui-timeline-item-last .brz-ui-timeline-item-tail{display:none}.brz-ui-timeline.brz-ui-timeline-reverse .brz-ui-timeline-item-pending .brz-ui-timeline-item-tail{top:15px;display:block;height:calc(100% - 15px);border-left:2px dotted #f0f0f0}.brz-ui-timeline.brz-ui-timeline-reverse .brz-ui-timeline-item-pending .brz-ui-timeline-item-content{min-height:48px}.brz-ui-timeline.brz-ui-timeline-label .brz-ui-timeline-item-label{position:absolute;top:-8.8px;width:calc(50% - 12px);text-align:right}.brz-ui-timeline.brz-ui-timeline-label .brz-ui-timeline-item-right .brz-ui-timeline-item-label{left:calc(50% + 14px);width:calc(50% - 14px);text-align:left}.brz-ui-timeline-rtl{direction:rtl}.brz-ui-timeline-rtl .brz-ui-timeline-item-tail{right:4px;left:auto;border-right:2px solid #f0f0f0;border-left:none}.brz-ui-timeline-rtl .brz-ui-timeline-item-head-custom{right:5px;left:auto;transform:translate(50%,-50%)}.brz-ui-timeline-rtl .brz-ui-timeline-item-content{margin:0 18px 0 0}.brz-ui-timeline-rtl.brz-ui-timeline.brz-ui-timeline-alternate .brz-ui-timeline-item-head,.brz-ui-timeline-rtl.brz-ui-timeline.brz-ui-timeline-alternate .brz-ui-timeline-item-head-custom,.brz-ui-timeline-rtl.brz-ui-timeline.brz-ui-timeline-alternate .brz-ui-timeline-item-tail,.brz-ui-timeline-rtl.brz-ui-timeline.brz-ui-timeline-label .brz-ui-timeline-item-head,.brz-ui-timeline-rtl.brz-ui-timeline.brz-ui-timeline-label .brz-ui-timeline-item-head-custom,.brz-ui-timeline-rtl.brz-ui-timeline.brz-ui-timeline-label .brz-ui-timeline-item-tail,.brz-ui-timeline-rtl.brz-ui-timeline.brz-ui-timeline-right .brz-ui-timeline-item-head,.brz-ui-timeline-rtl.brz-ui-timeline.brz-ui-timeline-right .brz-ui-timeline-item-head-custom,.brz-ui-timeline-rtl.brz-ui-timeline.brz-ui-timeline-right .brz-ui-timeline-item-tail{right:50%;left:auto}.brz-ui-timeline-rtl.brz-ui-timeline.brz-ui-timeline-alternate .brz-ui-timeline-item-head,.brz-ui-timeline-rtl.brz-ui-timeline.brz-ui-timeline-label .brz-ui-timeline-item-head,.brz-ui-timeline-rtl.brz-ui-timeline.brz-ui-timeline-right .brz-ui-timeline-item-head{margin-right:-4px;margin-left:0}.brz-ui-timeline-rtl.brz-ui-timeline.brz-ui-timeline-alternate .brz-ui-timeline-item-head-custom,.brz-ui-timeline-rtl.brz-ui-timeline.brz-ui-timeline-label .brz-ui-timeline-item-head-custom,.brz-ui-timeline-rtl.brz-ui-timeline.brz-ui-timeline-right .brz-ui-timeline-item-head-custom{margin-right:1px;margin-left:0}.brz-ui-timeline-rtl.brz-ui-timeline.brz-ui-timeline-alternate .brz-ui-timeline-item-left .brz-ui-timeline-item-content,.brz-ui-timeline-rtl.brz-ui-timeline.brz-ui-timeline-label .brz-ui-timeline-item-left .brz-ui-timeline-item-content,.brz-ui-timeline-rtl.brz-ui-timeline.brz-ui-timeline-right .brz-ui-timeline-item-left .brz-ui-timeline-item-content{right:calc(50% - 4px);left:auto;text-align:right}.brz-ui-timeline-rtl.brz-ui-timeline.brz-ui-timeline-alternate .brz-ui-timeline-item-right .brz-ui-timeline-item-content,.brz-ui-timeline-rtl.brz-ui-timeline.brz-ui-timeline-label .brz-ui-timeline-item-right .brz-ui-timeline-item-content,.brz-ui-timeline-rtl.brz-ui-timeline.brz-ui-timeline-right .brz-ui-timeline-item-right .brz-ui-timeline-item-content{text-align:left}.brz-ui-timeline-rtl.brz-ui-timeline.brz-ui-timeline-right .brz-ui-timeline-item-right .brz-ui-timeline-item-head,.brz-ui-timeline-rtl.brz-ui-timeline.brz-ui-timeline-right .brz-ui-timeline-item-right .brz-ui-timeline-item-head-custom,.brz-ui-timeline-rtl.brz-ui-timeline.brz-ui-timeline-right .brz-ui-timeline-item-right .brz-ui-timeline-item-tail{right:0;left:auto}.brz-ui-timeline-rtl.brz-ui-timeline.brz-ui-timeline-right .brz-ui-timeline-item-right .brz-ui-timeline-item-content{width:100%;margin-right:18px;text-align:right}.brz-ui-timeline-rtl.brz-ui-timeline.brz-ui-timeline-pending .brz-ui-timeline-item-last .brz-ui-timeline-item-tail,.brz-ui-timeline-rtl.brz-ui-timeline.brz-ui-timeline-reverse .brz-ui-timeline-item-pending .brz-ui-timeline-item-tail{border-right:2px dotted #f0f0f0;border-left:none}.brz-ui-timeline-rtl.brz-ui-timeline.brz-ui-timeline-label .brz-ui-timeline-item-label{text-align:left}.brz-ui-timeline-rtl.brz-ui-timeline.brz-ui-timeline-label .brz-ui-timeline-item-right .brz-ui-timeline-item-label{right:calc(50% + 14px);text-align:right}.brz-ui-timeline.brz-ui-timeline-pending .brz-ui-timeline-item-last .brz-ui-timeline-item-tail{height:calc(100% - 34.2px)}.brz-ui-timeline-item .brz-ui-timeline-item-tail{background-color:var(--color-gray-light,#d5d9db);border-inline-start-color:var(--color-gray-light,#d5d9db)}.brz-ui-timeline-item-pending .brz-ui-timeline-item-content{top:-32px}.brz-ui-timeline-item-pending .brz-ui-timeline-item-head{top:-19px}