问:.callout组件的默认样式是这样的:
.callout {
字体大小:1 .25em ; 边框底部:3px实心;填充:0 9px 3px ;边距顶部:20px ;显示:内联块;}
我的页脚中有该组件,但我想删除边框和边距而不添加额外的类或修饰符类。
<页脚 类= “主页脚” >
< p >保留的状态所有权利<一个HREF = “#” >加州</一>。</ p > <一个HREF = “#top返回” >返回顶部» </一> <一类= “标注” HREF = “#more” >跟随我</一> <
你会在哪里应用这些变化......也许是scss/layout/_footer.scss部分的?
答:你可以做一个像
@ mixin callout ($ border-bottom , $ margin-top ) {
font-size : 1 . 25em ; 边框底部:$边框底部;填充:0 9px 3px ;边际顶部:$边际顶部;显示:内联块;}
或者你想要的任何属性,然后将它们包含在它们的类中。
. callout {
@include callout(3px solid, 20px) ; }页脚。标注{ @include标注(0, 0) ; }
这是我认为你能做到的最好方法