UNPKG

iep-ui

Version:

An enterprise-class UI design language and Vue-based implementation

97 lines (96 loc) 2.31 kB
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 6px; background-color: transparent; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { -webkit-box-shadow: none; border-radius: 4px; background-color: transparent; } /*定义滑块 内阴影+圆角*/ ::-webkit-scrollbar-thumb { border-radius: 6px; -webkit-box-shadow: none; background-color: rgba(144, 147, 153, 0.3); } /*定义最上方和最下方的按钮*/ ::-webkit-scrollbar-button { display: none; background-color: #252540; border: 1px solid #252540; } .ant-scrollbar { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; overflow: hidden; position: relative; } .ant-scrollbar:active > .ant-scrollbar__bar, .ant-scrollbar:focus > .ant-scrollbar__bar, .ant-scrollbar:hover > .ant-scrollbar__bar { opacity: 1; transition: opacity 340ms ease-out; } .ant-scrollbar__wrap { overflow: scroll; height: 100%; } .ant-scrollbar__wrap::-webkit-scrollbar { display: none; } .ant-scrollbar__wrap--hidden-default { scrollbar-width: none; } .ant-scrollbar__wrap--hidden-default::-webkit-scrollbar { width: 0; height: 0; } .ant-scrollbar__thumb { position: relative; display: block; width: 0; height: 0; cursor: pointer; border-radius: inherit; background-color: rgba(144, 147, 153, 0.3); transition: 0.3s background-color; } .ant-scrollbar__thumb:hover { background-color: rgba(144, 147, 153, 0.5); } .ant-scrollbar__bar { position: absolute; right: 2px; bottom: 2px; z-index: 1; border-radius: 4px; opacity: 0; transition: opacity 120ms ease-out; } .ant-scrollbar__bar.is-vertical { width: 6px; top: 2px; } .ant-scrollbar__bar.is-vertical > div { width: 100%; } .ant-scrollbar__bar.is-horizontal { height: 6px; left: 2px; } .ant-scrollbar__bar.is-horizontal > div { height: 100%; }