| r1866 vs r1867 | ||
|---|---|---|
| 1 | {{{#!wiki style="display:flex;width:100%;height:30px;background:#aaa" | |
| 2 | {{{#!wiki style="width:100%;height:30px;background:#a00" | |
| 3 | }}}{{{#!wiki style="width:100%;height:30px;background:#0a0" | |
| 4 | }}}{{{#!wiki style="width:100%;height:30px;background:#00a" | |
| 5 | }}}}}} | |
| 6 | ||
| 7 | ||
| 8 | ||
| 9 | ||
| 1 | 10 | {{{#!if Subdivision = 10, DotSize = '5px', HandleSize = '20px', SliderSize = '10px' |
| 2 | 11 | }}}{{{#!if |
| 3 | 12 | }}}{{{#!style |
| ... | ... | |
| 5 | 14 | |
| 6 | 15 | .sd-handle {width:100%;height:100%;background:no-repeat radial-gradient(circle closest-side, #fffa 100%, transparent 0)0 0/@HandleSize@ @HandleSize@;background-position:50% 0} |
| 7 | 16 | |
| 8 | .sd-handle-hitbox {display:inline-block;width:calc(100% / (@Subdivision@ + 1));height:@HandleSize@;border:1px solid red} | |
| 9 | 17 | |
| 10 | .sd-handle- | |
| 18 | .sd-handle-hitbox {width:100%;height:100%;border:1px solid red} | |
| 11 | 19 | |
| 20 | .sd-handle-edge-hitbox {width:50%} | |
| 21 | ||
| 12 | 22 | .sd-bg {background:#0a05} |
| 13 | 23 | .sd-hide {display:none} |
| 14 | 24 | }}}{{{#!wiki class="sd-slider" |
| 15 | 25 | {{{#!wiki class="sd-handle" |
| 16 | ||
| 26 | {{{#!wiki style="display:flex;width:100%;height:100%" | |
| 17 | 27 | {{{#!wiki class="sd-handle-hitbox h00 @EdgeHitBox@" |
| 18 | 28 | }}}{{{#!if Subdivision >= 1 |
| 19 | 29 | {{{#!wiki class="sd-handle-hitbox h01 @EdgeHitBox@" |
| ... | ... | |
| 35 | 45 | {{{#!wiki class="sd-handle-hitbox h09 @EdgeHitBox@" |
| 36 | 46 | }}}}}}{{{#!if Subdivision >= 10 |
| 37 | 47 | {{{#!wiki class="sd-handle-hitbox h10 @EdgeHitBox@" |
| 38 | }}}}}} | |
| 48 | }}}}}}}}} | |
| 39 | 49 | }}}}}} |
| 40 | 50 | |
| 41 | 51 | |
| ... | ... |