| r1209 vs r1210 | ||
|---|---|---|
| ... | ... | |
| 6 | 6 | |
| 7 | 7 | |
| 8 | 8 | |
| 9 | {{{#!if bd= "2", bdrd = "4", pd = "3", bs ="5", inbdrd = bdrd - pd - bd | |
| 10 | {{{#!wiki class="t-button-1" | |
| 11 | {{{#!wiki class="t-button-2" | |
| 12 | button}}}}}}}}} | |
| 9 | 13 | |
| 10 | 14 | |
| 11 | 15 | |
| 12 | 16 | |
| 13 | 17 | |
| 14 | ||
| 15 | 18 | {{{#!style |
| 16 | 19 | .layout-bg { |
| 17 | 20 | min-width:500px;max-width:800px;padding:10px;border-radius:7px;background-color:#ccc;color:#000 |
| ... | ... | |
| 65 | 68 | vertical-align:middle;display:inline-block;height:30px;aspect-ratio:1/1;border-radius:5px;border:1px solid red;background-color:#fff |
| 66 | 69 | } |
| 67 | 70 | .t-button-1 { |
| 68 | vertical-align:middle;display:inline-block;padding: | |
| 71 | vertical-align:middle;display:inline-block;padding:@pd@px;border-radius:@bdrd@px;border:@bd@px solid green;box-shadow:0 @bs@px green;background:yellow | |
| 69 | 72 | } |
| 70 | 73 | .t-button-2 { |
| 71 | ||
| 74 | padding:2px;border-radius:@inbdrd@px;background:green;color:yellow; | |
| 72 | 75 | } |
| 73 | 76 | .number { |
| 74 | vertical-align:middle; | |
| 77 | vertical-align:middle;display:inline-block;padding:2px;margin:6px 0;width:60px;border-radius:3px;border:1px solid red;background-color:#fff;color:red;font-size:20px | |
| 75 | 78 | } |
| 76 | 79 | .toggle { |
| 77 | 80 | vertical-align:middle;display:inline-block;border-radius:50%;border:1px solid green;height:20px;aspect-ratio:1/1;background:radial-gradient(closest-side, red 50%, transparent 0) |
| ... | ... |