git ssb

16+

Dominic / patchbay



Tree: c81b0e59ddfd3706702f50f77e7a7b4d0836a80f

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

1398 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: #fff
42
43    cursor: initial
44
45    :hover {
46      color: grey
47      background: #fff
48      border: 1px #b9b9b9 solid
49    }
50  }
51
52  -subtle {
53    color: #b9b9b9
54    border: 1px solid rgba(0,0,0,0)
55    background: none
56
57    :hover {
58      color: #fff
59      background-color: rgba(200,0,0,.5)
60      border: 1px solid rgba(200,0,0,.5)
61    }
62  }
63
64  -primary {
65    color: #fff
66    background-color: #9754de
67    border: 1px solid #9754de
68
69    :hover { 
70      background-color: #de54cc
71      border: 1px solid #de54cc
72    }
73  }
74
75  -active {
76    color: #aa2cda
77    border: 1px solid #aa2cda
78  }
79
80  -showMore {
81    width: 100%
82
83    padding: .2rem 0
84
85    border-left: none
86    border-right: none
87    border-bottom: none
88  }
89}
90
91

Built with git-ssb-web