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