equal
deleted
inserted
replaced
1 .Ldt-SlidePreview-Container { |
|
2 background-color: #999; |
|
3 left: 0px; |
|
4 right: 0px; |
|
5 height: 36px; |
|
6 padding-left: 4px; |
|
7 overflow: hidden; |
|
8 } |
|
9 .Ldt-SlidePreview-Slides { |
|
10 display: -webkit-inline-flex; |
|
11 display: inline-flex; |
|
12 -webkit-flex-direction: row; |
|
13 flex-direction: row; |
|
14 -webkit-flex-wrap: nowrap; |
|
15 flex-wrap: nowrap; |
|
16 overflow-x: hidden; |
|
17 left: 0px; |
|
18 right: 0px; |
|
19 height: 36px; |
|
20 padding: 0; |
|
21 padding-top: 12px; |
|
22 margin: 0; |
|
23 overflow-y: hidden; |
|
24 } |
|
25 .Ldt-SlidePreview-Item { |
|
26 display: inline-block; |
|
27 width: 20px; |
|
28 height: 12px; |
|
29 background-color: #fff; |
|
30 transition: transform .2s ease-in-out; |
|
31 } |
|
32 .Ldt-SlidePreview-Item img { |
|
33 max-width: 100%; |
|
34 max-height: 100%; |
|
35 } |
|
36 .Ldt-SlidePreview-Item:hover { |
|
37 -webkit-transform: scale(2.8); |
|
38 z-index: 4; |
|
39 } |
|
40 .Ldt-SlidePreview-Item:hover + .slidepreviewitem { |
|
41 -webkit-transform: scale(1.8); |
|
42 z-index: 1; |
|
43 } |
|