git ssb

1+

Daan Patchwork / patchwork



Tree: d410e696e202f0fa3b384dfa76ad876acb28868b

Files: d410e696e202f0fa3b384dfa76ad876acb28868b / styles / base / image-input.mcss

683 bytesRaw
1ImageInput {
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