假设你想要多种风格,只需这样扩展:
// 自定义一个 `yo-header-normal` 头部
@include yo-header(
$name: normal,
$bordercolor: #ddd,
$bgcolor: #eee,
$color: map-get($base, color),
$item-ico-color: map-get($base, color)
);
使用方法
@include yo-header(
$name:default, //{String} yo-header名称
$height:default, //{Length} yo-header高度
$item-width:default, //{Length} yo-header两侧子项宽度
$item-space:default, //{Length} yo-header两侧子项离边界的间隙
$bordercolor:default, //{Color} yo-header边框色
$bgcolor:default, //{Color} yo-header背景色
$color:default, //{Color} yo-header文本色
$font-size:default, //{Length} yo-header文字大小
$item-color:default, //{Color} yo-header两侧的子项文本色
$item-font-size:default, //{Length} yo-header两侧的子项文本大小
$item-ico-size:default //{Length} yo-header两侧的子项ico大小
)