scss Sass用于创建顶部和底部边距类

Posted 2021-05-17

/* 
*  Margin top (.mt-xx) and bottom (.mb-xx)
*  mt-10  (margin-top: 10px)
*  mt--10 (margin-top: -10px)
*  mb-10  (margin-bottom: 10px)
*  mb--10 (margin-bottom: -10px)
*/

$margin-heights: "-10","-15","-20","-25","-30","-40","-50","-60","-70","-80","-90","-100","10","15","20","25","30","40","50","60","70","80","90","100";

@each $height in $margin-heights {
  .mt-#{$height} {
    margin-top: #{$height}px;
  }
}

@each $height in $margin-heights {
  .mb-#{$height} {
    margin-bottom: #{$height}px;
  }
}