| r1823 vs r1824 | ||
|---|---|---|
| 1 | {{{#!if RB_BdColor = '#fff', RB_HandleColor = '#fff', RB_BgColor = '#000' | |
| 1 | {{{#!if RB_BdLightColor = '#000', RB_HandleLightColor = '#000', RB_BgLightColor = '#fff' | |
| 2 | }}}{{{#!if RB_BdDarkColor = '#fff', RB_HandleDarkColor = '#fff', RB_BgDarkColor = '#000' | |
| 2 | 3 | }}}{{{#!if RB_Width ='300px', RB_Height = '100px', RB_Pdy = '5px', RB_Pdx ='1px', RB_LineT = '5px', RB_LineL = '10px', RB_LineG = '5px', RB_HandleS = '5px' |
| 3 | 4 | }}}{{{#!style |
| 4 | .ResizeBox | |
| 5 | }}}{{{#!wiki class="ResizeBox | |
| 5 | .ResizeBox {width:@RB_Width@;height:@RB_Height@;padding:@RB_Pdy@ @RB_Pdx@;background:no-repeat linear-gradient(@RB_HandleLightColor@ @RB_HandleS@, transparent 0, transparent calc(100% - @RB_HandleS@), @RB_HandleLightColor@ 0)0 0/@RB_HandleS@ 100%, no-repeat linear-gradient(@RB_HandleLightColor@ @RB_HandleS@, transparent 0, transparent calc(100% - @RB_HandleS@), @RB_HandleLightColor@ 0)100% 0/@RB_HandleS@ 100%, no-repeat repeating-linear-gradient(@RB_BdLightColor@ 0 @RB_LineL@, transparent @RB_LineL@ calc(@RB_LineL@ + @RB_LineG@))calc((@RB_HandleS@ / 2) - (@RB_LineT@ / 2)) 0/@RB_LineT@ 100%, no-repeat repeating-linear-gradient(@RB_BdLightColor@ 0 @RB_LineL@, transparent @RB_LineL@ calc(@RB_LineL@ + @RB_LineG@))calc(100% - ((@RB_HandleS@ / 2) - (@RB_LineT@ / 2))) 0/@RB_LineT@ 100%, no-repeat repeating-linear-gradient(90deg, @RB_BdLightColor@ 0 @RB_LineL@, transparent @RB_LineL@ calc(@RB_LineL@ + @RB_LineG@))0 calc((@RB_HandleS@ / 2) - (@RB_LineT@ / 2))/100% @RB_LineT@, no-repeat repeating-linear-gradient(90deg, @RB_BdLightColor@ 0 @RB_LineL@, transparent @RB_LineL@ calc(@RB_LineL@ + @RB_LineG@))0 calc(100% - ((@RB_HandleS@ / 2) - (@RB_LineT@ / 2)))/100% @RB_LineT@, no-repeat linear-gradient(@RB_BgLightColor@, @RB_BgLightColor@)50% 50%/calc(100% - @RB_HandleS@ - @RB_LineT@) calc(100% - @RB_HandleS@ - @RB_LineT@)} | |
| 6 | ||
| 7 | @theseed-dark-mode { | |
| 8 | .ResizeBox {background:no-repeat linear-gradient(@RB_HandleDarkColor@ @RB_HandleS@, transparent 0, transparent calc(100% - @RB_HandleS@), @RB_HandleDarkColor@ 0)0 0/@RB_HandleS@ 100%, no-repeat linear-gradient(@RB_HandleDarkColor@ @RB_HandleS@, transparent 0, transparent calc(100% - @RB_HandleS@), @RB_HandleDarkColor@ 0)100% 0/@RB_HandleS@ 100%, no-repeat repeating-linear-gradient(@RB_BdDarkColor@ 0 @RB_LineL@, transparent @RB_LineL@ calc(@RB_LineL@ + @RB_LineG@))calc((@RB_HandleS@ / 2) - (@RB_LineT@ / 2)) 0/@RB_LineT@ 100%, no-repeat repeating-linear-gradient(@RB_BdDarkColor@ 0 @RB_LineL@, transparent @RB_LineL@ calc(@RB_LineL@ + @RB_LineG@))calc(100% - ((@RB_HandleS@ / 2) - (@RB_LineT@ / 2))) 0/@RB_LineT@ 100%, no-repeat repeating-linear-gradient(90deg, @RB_BdDarkColor@ 0 @RB_LineL@, transparent @RB_LineL@ calc(@RB_LineL@ + @RB_LineG@))0 calc((@RB_HandleS@ / 2) - (@RB_LineT@ / 2))/100% @RB_LineT@, no-repeat repeating-linear-gradient(90deg, @RB_BdDarkColor@ 0 @RB_LineL@, transparent @RB_LineL@ calc(@RB_LineL@ + @RB_LineG@))0 calc(100% - ((@RB_HandleS@ / 2) - (@RB_LineT@ / 2)))/100% @RB_LineT@, no-repeat linear-gradient(@RB_BgDarkColor@, @RB_BgDarkColor@)50% 50%/calc(100% - @RB_HandleS@ - @RB_LineT@) calc(100% - @RB_HandleS@ - @RB_LineT@)} | |
| 9 | } | |
| 10 | }}}{{{#!wiki class="ResizeBox" | |
| 6 | 11 | }}} |
| 7 | 12 | |
| 8 | 13 | |
| ... | ... |