• 常规:
  • 禁用:
  • 扩展:

示例描述:

<div class="yo-range"> <input type="range" /> </div>

假设你想要多种风格,只需这样扩展:

@include yo-range( $name: test, $inner-bgcolor: #4a87ee );

使用方法:

<div class="yo-range yo-range-test"> <input type="range" /> </div>
@include yo-range(
    $name:default, //{String} range名称
    $inner-bgcolor:default, //{Color} 定义range已选择区域滑条色
    $outer-bgcolor:default, //{Color} 定义range未选择区域滑条色
    $ball-color:default //{Color} 定义range滑块色
)