other / mew-iview

Blame view

src/styles/components/carousel.less 1.36 KB
Edit Raw Normal View History
6c9acb08   Rijn   initialize carousel 
1
2
3
4
 
  @carousel-prefix-cls: ~"@{css-prefix}carousel";
  @carousel-item-prefix-cls: ~"@{css-prefix}carousel-item";
  
  .@{carousel-prefix-cls} {
41f83010   Rijn   update props and ... 
5
6
7
8
9
10
 
      position: relative;
      display: block;
      box-sizing: border-box;
      user-select: none;
      touch-action: pan-y;
      -webkit-tap-highlight-color: transparent;
65c64ce9   Rijn   carousel basic po... 
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
  
      &-track, &-list {
          transform: translate3d(0, 0, 0);
      }
  
      &-list {
          position: relative;
          display: block;
          overflow: hidden;
  
          margin: 0;
          padding: 0;
      }
  
      &-track {
          position: relative;
          top: 0;
          left: 0;
          display: block;
3e6d6356   Rijn   implement basic t... 
30
31
 
  
          overflow: hidden;
90f77e40   Rijn   updated carousel ... 
32
33
 
  
          z-index: 1;
65c64ce9   Rijn   carousel basic po... 
34
35
36
37
38
39
 
      }
  
      &-item {
          float: left;
          height: 100%;
          min-height: 1px;
3e6d6356   Rijn   implement basic t... 
40
 
          display: block;
65c64ce9   Rijn   carousel basic po... 
41
 
      }
90f77e40   Rijn   updated carousel ... 
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
72
73
74
75
76
77
78
79
 
  
      &-arrow {
          position: absolute;
          top: 0;
          bottom: 0;
          height: 100%;
  
          text-align: center;
  
          & > * {
              display: inline-block;
              vertical-align: middle;
          }
  
          .placeholder{
              overflow: hidden;
              width: 0;
              min-height: inherit;
              height: inherit;
          }
  
          z-index: 3;
  
          &.left {
              left: 0;
          }
          &.right {
              right: 0;
          }
  
          width: 10%;
  
          cursor: pointer;
  
          &:hover {
              background: fade(#000, 30%);
          }
      }
6c9acb08   Rijn   initialize carousel 
80
 
  }