Blame view

node_modules/element-ui/packages/theme-chalk/src/scrollbar.scss 1.14 KB
2a09d1a4   liuqimichale   添加宜春 天水 宣化
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
  @import "mixins/mixins";
  @import "common/var";
  
  @include b(scrollbar) {
    overflow: hidden;
    position: relative;
  
    &:hover,
    &:active,
    &:focus {
      > .el-scrollbar__bar {
        opacity: 1;
        transition: opacity 340ms ease-out;
      }
    }
  
    @include e(wrap) {
      overflow: scroll;
      height: 100%;
  
      @include m(hidden-default) {
        &::-webkit-scrollbar {
          width: 0;
          height: 0;
        }
      }
    }
  
    @include e(thumb) {
      position: relative;
      display: block;
      width: 0;
      height: 0;
      cursor: pointer;
      border-radius: inherit;
      background-color: $--scrollbar-background-color;
      transition: .3s background-color;
  
      &:hover {
        background-color: $--scrollbar-hover-background-color;
      }
    }
  
    @include e(bar) {
      position: absolute;
      right: 2px;
      bottom: 2px;
      z-index: 1;
      border-radius: 4px;
      opacity: 0;
      transition: opacity 120ms ease-out;
  
      @include when(vertical) {
        width: 6px;
        top: 2px;
  
        > div {
          width: 100%;
        }
      }
  
      @include when(horizontal) {
        height: 6px;
        left: 2px;
  
        > div {
          height: 100%;
        }
      }
    }
  }