react-components-design-system
Version:
React UI component for design system FIS ES PB5
2 lines (1 loc) • 8.88 kB
CSS
.box-shadow--button{box-shadow:0px 1px 0px rgba(0,0,0,.05)}.box-shadow--card{box-shadow:0px 0px 1px rgba(0,0,0,.25),0px 2px 1px rgba(0,0,0,.05)}.box-shadow--popover{box-shadow:0px 0px 2px rgba(0,0,0,.2),0px 2px 10px rgba(0,0,0,.1)}.box-shadow--mobile-nav{box-shadow:0px 0px 3px rgba(0,0,0,.1),0px 4px 20px rgba(0,0,0,.15)}.box-shadow--modal{box-shadow:0px 0px 4px rgba(0,0,0,.1),0px 8px 40px rgba(0,0,0,.2)}.box-shadow--focus{box-shadow:0px 0px 8px var(--color-primary)}.ant-picker-range .ant-picker-active-bar{background:var(--color-primary)}.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before{border:1px solid var(--color-primary)}.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after{border-top:1px dashed var(--color-primary);border-bottom:1px dashed var(--color-primary)}tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after,tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,.ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after{border-right:1px dashed var(--color-primary)}tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after,tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,.ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after{border-left:1px dashed var(--color-primary)}.ant-modal-wrap{z-index:1010 }.ant-table-thead th:focus{outline-offset:-2px}.ant-table-wrapper .ant-table-tbody .ant-table-row.ant-table-row-selected>.ant-table-cell{background-color:#f6fdff}th.ant-table-cell .ant-table-cell-content{height:100%}th.ant-table-cell .ant-table-column-sorters{height:20px;justify-content:start}th.ant-table-cell .ant-table-column-sorters .ant-table-column-title{height:20px;flex:unset;margin-right:0px;font-size:14px;font-weight:600;line-height:20px;color:#0c2042}th.ant-table-cell .ant-table-column-sorters .ant-table-column-title div{height:20px}th.ant-table-cell .ant-table-column-sorters .ant-table-column-sorter{display:block}th.ant-table-cell .ant-table-column-sorters .ant-table-column-sorter-inner svg{height:10px}:root{--btn-font-size: calc(1em * 0.875);--btn-sm: calc(1em * 0.75);--btn-radius: 0px;--font-size: 14px;--line-height: 16px}.btn-component{display:inline-block;position:relative;white-space:nowrap;text-decoration:none;line-height:var(--line-height);border:none;padding:var(--space-xxs) var(--space-xs);border-radius:var(--btn-radius);font-size:var(--font-size);outline:none;border-radius:var(--space-3xs);transition:.2s}.btn-component:active{transition:none}.btn-component .icon{color:inherit;flex-shrink:0}.btn-component .loading__button{opacity:.6}.btn-component .box-icon{width:16px;height:16px;display:flex;align-items:center}.btn-component .box-icon .ant-spin{font-size:14px ;line-height:1px}.btn[disabled]{cursor:not-allowed;box-shadow:none}.btn[disabled]:visited{color:var(--btn-disabled-label)}.btn--full-width{display:flex;width:100%;justify-content:center}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;overflow:hidden;max-width:100%}.ReactCrop *,.ReactCrop *::before,.ReactCrop *::after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__image{display:block;max-width:100%;touch-action:none}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translate3d(0, 0, 0);cursor:move;box-shadow:0 0 0 9999em rgba(0, 0, 0, 0.5);touch-action:none;border:1px dashed #fff}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%;box-shadow:0px 0px 1px 1px #fff,0 0 0 9999em rgba(0, 0, 0, 0.5)}.ReactCrop__crop-selection:focus{outline:none;border-color:blue;border-style:solid}.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt::before,.ReactCrop__rule-of-thirds-vt::after,.ReactCrop__rule-of-thirds-hz::before,.ReactCrop__rule-of-thirds-hz::after{content:"";display:block;position:absolute;background-color:rgba(255, 255, 255, 0.4)}.ReactCrop__rule-of-thirds-vt::before,.ReactCrop__rule-of-thirds-vt::after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt::before{left:33.3333%;left:33.3333333333%}.ReactCrop__rule-of-thirds-vt::after{left:66.6666%;left:66.6666666667%}.ReactCrop__rule-of-thirds-hz::before,.ReactCrop__rule-of-thirds-hz::after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz::before{top:33.3333%;top:33.3333333333%}.ReactCrop__rule-of-thirds-hz::after{top:66.6666%;top:66.6666666667%}.ReactCrop__drag-handle{position:absolute}.ReactCrop__drag-handle::after{position:absolute;content:"";display:block;width:10px;height:10px;background-color:rgba(0, 0, 0, 0.2);border:1px solid rgba(255, 255, 255, 0.7);outline:1px solid transparent}.ReactCrop__drag-handle:focus::after{border-color:blue;background:#2dbfff}.ReactCrop .ord-nw{top:0;left:0;margin-top:-5px;margin-left:-5px;cursor:nw-resize}.ReactCrop .ord-nw::after{top:0;left:0}.ReactCrop .ord-n{top:0;left:50%;margin-top:-5px;margin-left:-5px;cursor:n-resize}.ReactCrop .ord-n::after{top:0}.ReactCrop .ord-ne{top:0;right:0;margin-top:-5px;margin-right:-5px;cursor:ne-resize}.ReactCrop .ord-ne::after{top:0;right:0}.ReactCrop .ord-e{top:50%;right:0;margin-top:-5px;margin-right:-5px;cursor:e-resize}.ReactCrop .ord-e::after{right:0}.ReactCrop .ord-se{bottom:0;right:0;margin-bottom:-5px;margin-right:-5px;cursor:se-resize}.ReactCrop .ord-se::after{bottom:0;right:0}.ReactCrop .ord-s{bottom:0;left:50%;margin-bottom:-5px;margin-left:-5px;cursor:s-resize}.ReactCrop .ord-s::after{bottom:0}.ReactCrop .ord-sw{bottom:0;left:0;margin-bottom:-5px;margin-left:-5px;cursor:sw-resize}.ReactCrop .ord-sw::after{bottom:0;left:0}.ReactCrop .ord-w{top:50%;left:0;margin-top:-5px;margin-left:-5px;cursor:w-resize}.ReactCrop .ord-w::after{left:0}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:6px;margin-top:-3px}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:6px;height:100%;margin-right:-3px}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:6px;margin-bottom:-3px}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:6px;height:100%;margin-left:-3px}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar{display:none}.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media(pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:24px;height:24px}}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{font-size:var(--text-base-size);font-family:var(--font-primary);color:var(--color-text)}.text-center{text-align:center }.text-right{text-align:right !important}.text-left{text-align:left !important}.text-in-table-cell{white-space:nowrap;line-height:16px;overflow:hidden;text-overflow:ellipsis;color:var(--palette-base-neutral-10)}.link-text{color:var(--color-primary);text-decoration:underline}.link-text:hover{color:#0f62fe;text-decoration:underline}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(63,86,175,.15)}/*# sourceMappingURL=react-components-design-system.min.css.map */