git ssb

16+

Dominic / patchbay



Tree: fec69b0777e88c6df42090793aa3e1e9fdc142fd

Files: fec69b0777e88c6df42090793aa3e1e9fdc142fd / app / styles / mcss / button.mcss

1396 bytesRaw
1button {
2 font-family: arial
3 text-transform: uppercase
4 font-weight: bold
5 font-size: .7rem
6 letter-spacing: 1.4px
7
8 color: #666
9 background-color: #fff
10
11 min-width: 6rem
12 min-height: 1.8rem
13
14 padding: .2rem 1rem
15 cursor: pointer
16 border: 1px #b9b9b9 solid
17 outline: none
18
19 display: flex
20 justify-content: center
21 align-items: center
22
23 transition: border, color, background .1s ease-in
24 word-break: initial
25
26 :focus {
27 outline: none
28 /* border-color: #0088cc */
29 /* box-shadow: 0 0 4px #0088cc */
30 }
31
32 :hover {
33 color: #fff
34 background-color: #15d6b4
35 border: 1px solid #15d6b4
36 outline: none
37 }
38
39 :disabled {
40 color: grey
41 background: rgba(255,255,255,.3)
42 cursor: not-allowed
43 border: none
44
45 :hover {
46 background: rgba(255,0,0,.3)
47 }
48 }
49
50 -subtle {
51 color: #b9b9b9
52 border: 1px solid rgba(0,0,0,0)
53 background: none
54
55 :hover {
56 color: #fff
57 background-color: rgba(200,0,0,.5)
58 border: 1px solid rgba(200,0,0,.5)
59 }
60 }
61
62 -primary {
63 color: #fff
64 background-color: #9754de
65 border: 1px solid #9754de
66
67 :hover {
68 background-color: #de54cc
69 border: 1px solid #de54cc
70 }
71 }
72
73 -active {
74 color: #aa2cda
75 border: 1px solid #aa2cda
76 }
77
78 -showMore {
79 width: 100%
80
81 padding: .2rem 0
82
83 border-left: none
84 border-right: none
85 border-bottom: none
86 }
87}
88
89

Built with git-ssb-web