示例描述：
<![CDATA[<a href="?" class="yo-btn">Button</a>
<button class="yo-btn">Button</button>
<input type="button" value="Button" class="yo-btn" />]]>
yo-btn预置了3种size：s, m, l
<![CDATA[<a href="?" class="yo-btn yo-btn-s">Button</a>
<a href="?" class="yo-btn yo-btn-m">Button</a>
<a href="?" class="yo-btn yo-btn-l">Button</a>]]>
你可以在业务代码配置文件config.scss中对这3种size进行定义
<![CDATA[$btn: (
...
// {Length} 默认预设3种尺寸按钮：
// small
s-height: .28rem,
s-font-size: .12rem,
// medium
m-height: .36rem,
m-font-size: .14rem,
// large
l-height: .44rem,
l-font-size: .16rem
);]]>
假设你想要多种风格的按钮，只需这样扩展：
<![CDATA[// 自定义一个 `yo-btn-info` 按钮
@include yo-btn(
$name: info,
$border-color: #0456e2,
$bgcolor: #4a87ee
);]]>
使用方法：
<![CDATA[<button class="yo-btn yo-btn-info">Button</button>]]>
如果需要禁用按钮，你需要这样：
<![CDATA[<button class="yo-btn yo-btn-info">Button</button>
↓↓↓
<button class="yo-btn yo-btn-info yo-btn-disabled">Button</button>]]>
所有按钮的禁用时统一使用 `yo-btn-disabled`
通栏按钮：
`yo-btn-stacked` 让你拥有通栏按钮：
<![CDATA[<button class="yo-btn yo-btn-stacked">Button</button>]]>