• list item
    9
  • list item
    9
  • list item
    9
  • list item
  • list item
    999
  • 当前类别
    便宜 实惠 好用

使用方法:

<span class="yo-badge">9</span>

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

@include yo-badge( $name: normal, $bordercolor: gray );

使用方法:

<span class="yo-badge yo-badge-normal">9</span>
@include yo-badge(
    $name:default, //{String} yo-badge名称
    $padding:default, //{Length} 内补白
    $border-width:default, //{Length} 边框厚度
    $bordercolor:default, //{Color} 边框色
    $bgcolor:default, //{Color} 背景色
    $color:default, //{Color} 文本色
    $radius:default, //{Number} 圆角半径大小
    $font-size:default //{Length} 字号
)