git ssb

16+

Dominic / patchbay



Tree: c31e472556bdb4d5a6a192709bcff72ce36f324a

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

1376 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
25  :focus {
26    outline: none
27    /* border-color: #0088cc */
28    /* box-shadow: 0 0 4px #0088cc */
29  }
30
31  :hover {
32    color: #fff
33    background-color: #15d6b4
34    border: 1px solid #15d6b4
35    outline: none
36  }
37
38  :disabled {
39    color: grey
40    background: #fff
41
42    cursor: initial
43
44    :hover {
45      color: grey
46      background: #fff
47      border: 1px #b9b9b9 solid
48    }
49  }
50
51  -subtle {
52    color: #b9b9b9
53    border: 1px solid rgba(0,0,0,0)
54    background: none
55
56    :hover {
57      color: #fff
58      background-color: rgba(200,0,0,.5)
59      border: 1px solid rgba(200,0,0,.5)
60    }
61  }
62
63  -primary {
64    color: #fff
65    background-color: #9754de
66    border: 1px solid #9754de
67
68    :hover { 
69      background-color: #de54cc
70      border: 1px solid #de54cc
71    }
72  }
73
74  -active {
75    color: #aa2cda
76    border: 1px solid #aa2cda
77  }
78
79  -showMore {
80    width: 100%
81
82    padding: .2rem 0
83
84    border-left: none
85    border-right: none
86    border-bottom: none
87  }
88}
89
90

Built with git-ssb-web