Files: 611893db73609fa2881490d2853965c07461ee17 / styles / light / image-input.mcss
691 bytesRaw
1 | ImageInput { |
2 | position: relative |
3 | width: 200px; |
4 | padding: 5px; |
5 | background: white; |
6 | box-shadow: 0 0 10px #AAA; |
7 | transition: box-shadow 0.2s |
8 | |
9 | img { |
10 | width: 100% |
11 | background-image: linear-gradient(172deg, rgb(247, 247, 247), rgba(0,0,0,0)) |
12 | } |
13 | input { |
14 | cursor: pointer |
15 | opacity: 0 |
16 | position: absolute |
17 | width: 100% |
18 | height: 100% |
19 | top: 0 |
20 | left: 0 |
21 | } |
22 | |
23 | span { |
24 | position: absolute |
25 | left: 0 |
26 | right: 0 |
27 | bottom: 0 |
28 | margin: 15px |
29 | background: #444 |
30 | padding: 4px 8px |
31 | border-radius: 5px |
32 | transition: opacity 0.2s |
33 | opacity: 0.5 |
34 | color: white |
35 | } |
36 | |
37 | :hover { |
38 | box-shadow: 0 0 10px #393939; |
39 | span { |
40 | opacity: 1 |
41 | } |
42 | } |
43 | } |
44 |
Built with git-ssb-web