mixin.less 1.01 KB
Newer Older
李晓兵's avatar
李晓兵 committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48
//宽高
.wh(@width,@height){
  width:@width;
  height: @height;
}
//flex 布局和 子元素 对其方式
.fj(@type:space-between){
  display: flex;
  justify-content: $type;
}
//flex 布局和子元素垂直对齐方式
.fa(@type:center){
  display: flex;
  align-items: @type;
}
//flex 布局和子元素水平垂直对齐方式
.fja(@jtype:center,@atype:center){
  display: flex;
  justify-content: @jtype;
  align-items: @atype;
}
//字体大小,颜色
.sc(@size, @color){
  font-size: @size;
  color: @color;
}
//字体大小、行高、字体
.font(@size, @line-height, @family: 'Microsoft YaHei') {
  font: #{@size}/#{@line-height} @family;
}
//字体大小,颜色
.sc(@size, @color){
  font-size: @size;
  color: @color;
}
//border-bottom: 1px solid rgba(245, 245, 245, 0.4);
.border-bottom{
  border-bottom: 1px solid rgba(1, 17, 27, 0.1);
}
.border-top{
  border-top: 1px solid rgba(1, 17, 27, 0.1);
}
.border-right{
  border-right: 1px solid rgba(1, 17, 27, 0.1);
}
.border{
  border: 1px solid rgba(1, 17, 27, 0.1);
}