git.iko.soy/bridge
on 9e7e93a help sign in
bridge/src/style/button.css
97 lines 1.8 kB history raw
2button[prop-type='link'] {
3 font-family: 'Inter UI';
4 background-color: transparent;
5 font-weight: 400;
6 text-decoration: underline;
7 user-select: auto;
8 padding: 0rem;
9}
11button[prop-type='link']:disabled {
12 color: #B3B3B3;
15button[prop-type='link'][prop-size='sm'] {
16 font-size: 3.5rem;
17 margin-bottom: 0rem;
20button[prop-type='link'][prop-size="md"] {
21 font-size: 4rem;
22 margin-bottom: 1rem;
25button[prop-type='link'][prop-size='lg'] {
26 font-size: 5rem;
27 margin-bottom: 2rem;
30button.solid {
31 font-family: 'Inter UI';
32 border-width: 2px;
33 border-style: solid;
36button[prop-type='solid'][prop-color='blue'] {
37 background-color: #4330FC;
38 border-color: #4330FC;
39 color: white;
42button[prop-type='solid'][prop-color='blue']:focus {
43 box-shadow: 0 0 0 3px #DAD6FF;
46button[prop-type='solid'][prop-color='green'] {
47 background-color: #2AA779;
48 border-color: #2AA779;
49 color: white;
52button[prop-type='solid'][prop-color='green']:focus {
53 box-shadow: 0 0 0 3px #C5FBE7;
56button[prop-type='solid'][prop-color='yellow'] {
57 background-color: #F8C134;
58 border-color: #F8C134;
59 color: white;
62button[prop-type='solid'][prop-color='yellow']:focus {
63 box-shadow: 0 0 0 3px #FFEFC5;
66button[prop-type='solid'][prop-size*='sm'] {
67 height: 6rem;
68 padding: 0 2rem 0 2rem;
69 font-size: 3rem;
72button[prop-type='solid'][prop-size*='md'] {
73 height: 9rem;
74 padding: 0 4rem 0 4rem;
75 font-size: 3.5rem;
78button[prop-type='solid'][prop-size*='lg'] {
79 height: 11rem;
80 padding: 0 6rem 0 6rem;
81 font-size: 4rem;
84button[prop-type='solid'][prop-size*='xl'] {
85 height: 16rem;
86 padding: 0 6rem 0 6rem;
87 font-size: 4.5rem;
90button[prop-type='solid']:disabled {
91 background-color: #B3B3B3;
92 border-color: #B3B3B3;
95button[prop-type='solid'][prop-size*='wide'] {
96 width: 100%;