| r1140 vs r1141 | ||
|---|---|---|
| ... | ... | |
| 39 | 39 | vertical-align:middle;display:inline-block;padding:2px 8px;border-radius:5px;border:1px solid red;background-color:#fff;color:blue |
| 40 | 40 | } |
| 41 | 41 | .number { |
| 42 | 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 | |
| 42 | vertical-align:middle;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 | |
| 43 | 43 | } |
| 44 | 44 | .toggle { |
| 45 | 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) | |
| 45 | 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) | |
| 46 | 46 | } |
| 47 | 47 | .check { |
| 48 | display:inline-block;border-radius:8px;height:25px;aspect-ratio:1/1;background-color:red | |
| 48 | vertical-align:middle;display:inline-block;border-radius:8px;height:25px;aspect-ratio:1/1;background-color:red | |
| 49 | 49 | } |
| 50 | .slide { | |
| 51 | border-radius:50px;border:1px solid green;height:15px;background:linear-gradient(90deg, red 50%, transparent) | |
| 52 | } | |
| 53 | .slide-knob { | |
| 54 | ||
| 55 | } | |
| 50 | 56 | .df { |
| 51 | 57 | display:flex |
| 52 | 58 | } |
| ... | ... | |
| 61 | 67 | } |
| 62 | 68 | }}} |
| 63 | 69 | {{{#!wiki class="layout-bg" |
| 70 | ||
| 71 | {{{#!wiki style="display:inline-block;width:50%;height:50px;background-color:rgb(0,0,255,.2)" | |
| 72 | {{{#!wiki class="slide" | |
| 73 | }}}}}} | |
| 74 | ||
| 75 | ||
| 76 | ||
| 64 | 77 | {{{#!wiki class="toggle" |
| 65 | 78 | }}} |
| 66 | 79 | {{{#!wiki class="check" |
| ... | ... |