/* stylelint-disable no-duplicate-selectors */ /* stylelint-disable selector-class-pattern */ :root { --primary-color: #00a6ca; --error-color: #ff4d4f; --content-padding: 24px; } * { box-sizing: border-box; padding: 0; margin: 0; font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif; text-decoration: none; letter-spacing: 0.5px; } a { color: #222; text-decoration: none; } input, textarea { outline: none; } ul, ol { list-style: none; } img { vertical-align: middle; border: 0; } [hidden] { display: none; } .container { width: 100vw; height: 100vh; } .content-main { padding: var(--content-padding); } .table-wrapper { margin-top: var(--content-padding); } .table-tool { display: flex; justify-content: flex-end; margin-bottom: var(--content-padding); } .ReactModal__Overlay { z-index: 20; display: flex; align-items: center; justify-content: center; background-color: rgb(0 0 0 / 60%) !important; opacity: 0; transition: opacity 200ms ease-in-out; } .ReactModal__Content { position: static !important; padding: 0 !important; border-radius: 10px; transition: transform 200ms ease-in-out !important; transform: translateY(30px); } .ReactModal__Overlay--after-open { opacity: 1; & .ReactModal__Content { transform: translateY(0); } } .ReactModal__Overlay--before-close { opacity: 0; & .ReactModal__Content { transform: translateY(30px); } } .width-full { width: 100%; } .height-full { height: 100%; } .content-full { width: 100%; height: 100%; } .align-right { text-align: right; } .display-block { display: block; } .ant-layout-content { overflow: auto; } .ant-text-btn-color-cyan { color: #13c2c2 !important; &:hover { background-color: #e1f5f6 !important; } } .ant-text-btn-color-yellow { color: #ff7500 !important; &:hover { background-color: #fdf0e4 !important; } }