less和scss的混合(mixin)使用

在我们写样式时候，经常会有样式书写的都是一样的，只是有些值不一样而已，但我们却要重复的去写，感觉相当的麻烦。比如给一个按钮写样式，不同的size，尺寸不同，但样式都是一样的，重复写很麻烦，这样我们就可以使用混合的写法，会变得东西作为参数传入即可。less和scss在书写mixin有些许得不同。 

1. less使用mixin

less使用mixin，跟正常写类名样式一样得，当然也可以处理成函数得样式，注意：如果是函数，参数得形参必须是以@开头。

1.1 基本用法

   

1.2 函数用法

          

 

 

 

 

2. scss使用mixin

scss中使用mixin，首先 @minin name {} 定义；然后 @include name引用。

2.1 基本用法

   

 

 

2.2 函数用法