사용자
flyant(비교)
| r1549 vs r1550 | ||
|---|---|---|
| 1 | {{{#!style | |
| 2 | .num-button | |
| 3 | .num-button | |
| 4 | .num-button | |
| 1 | {{{#!if buttonbgcolor = 'green', hovercolor = 'red', activecolor = 'gray' | |
| 2 | }}}{{{#!style | |
| 3 | .num-button {display:flex;width:40px;height:40px;border:1px solid red;background:@buttonbgcolor@;cursor:pointer} | |
| 4 | .num-button:hover {background:@hovercolor@} | |
| 5 | .num-button:active {background:@activecolor@} | |
| 5 | 6 | |
| 6 | .num-button- | |
| 7 | .num-button- | |
| 7 | .num-button-0 {display:flex;width:40px;height:40px;border:1px solid red;background:@buttonbgcolor@;cursor:pointer} | |
| 8 | .num-button-0:hover {background:@hovercolor@} | |
| 9 | .num-button-0:active {background:@activecolor@} | |
| 8 | 10 | |
| 11 | .num-button-1 {display:flex;width:40px;height:40px;border:1px solid red;background:@buttonbgcolor@;cursor:pointer} | |
| 12 | .num-button-1:hover {background:@hovercolor@} | |
| 13 | .num-button-1:active {background:@activecolor@} | |
| 14 | ||
| 15 | .num-button-2 {display:flex;width:40px;height:40px;border:1px solid red;background:@buttonbgcolor@;cursor:pointer} | |
| 16 | .num-button-2:hover {background:@hovercolor@} | |
| 17 | .num-button-2:active {background:@activecolor@} | |
| 18 | ||
| 19 | .num-button-3 {display:flex;width:40px;height:40px;border:1px solid red;background:@buttonbgcolor@;cursor:pointer} | |
| 20 | .num-button-3:hover {background:@hovercolor@} | |
| 21 | .num-button-3:active {background:@activecolor@} | |
| 22 | ||
| 23 | .num-button-4 {display:flex;width:40px;height:40px;border:1px solid red;background:@buttonbgcolor@;cursor:pointer} | |
| 24 | .num-button-4:hover {background:@hovercolor@} | |
| 25 | .num-button-4:active {background:@activecolor@} | |
| 26 | ||
| 27 | .num-button-5 {display:flex;width:40px;height:40px;border:1px solid red;background:@buttonbgcolor@;cursor:pointer} | |
| 28 | .num-button-5:hover {background:@hovercolor@} | |
| 29 | .num-button-5:active {background:@activecolor@} | |
| 30 | ||
| 31 | .num-button-6 {display:flex;width:40px;height:40px;border:1px solid red;background:@buttonbgcolor@;cursor:pointer} | |
| 32 | .num-button-6:hover {background:@hovercolor@} | |
| 33 | .num-button-6:active {background:@activecolor@} | |
| 34 | ||
| 35 | .num-button-7 {display:flex;width:40px;height:40px;border:1px solid red;background:@buttonbgcolor@;cursor:pointer} | |
| 36 | .num-button-7:hover {background:@hovercolor@} | |
| 37 | .num-button-7:active {background:@activecolor@} | |
| 38 | ||
| 39 | .num-button-8 {display:flex;width:40px;height:40px;border:1px solid red;background:@buttonbgcolor@;cursor:pointer} | |
| 40 | .num-button-8:hover {background:@hovercolor@} | |
| 41 | .num-button-8:active {background:@activecolor@} | |
| 42 | ||
| 43 | .num-button-9 {display:flex;width:40px;height:40px;border:1px solid red;background:@buttonbgcolor@;cursor:pointer} | |
| 44 | .num-button-9:hover {background:@hovercolor@} | |
| 45 | .num-button-9:active {background:@activecolor@} | |
| 46 | ||
| 9 | 47 | .num-0 {display:inline-block;width:50px;height:80px;border:1px solid gray;background:conic-gradient(red 0%, #000 0)} |
| 10 | 48 | .num-1 {display:inline-block;width:50px;height:80px;border:1px solid gray;background:conic-gradient(orange 10%, #000 0)} |
| 11 | 49 | .num-2 {display:inline-block;width:50px;height:80px;border:1px solid gray;background:conic-gradient(yellow 20%, #000 0)} |
| ... | ... |