@charset "utf-8"
// REM 转换混合( 用于响应式结构 + 字体大小自适应 )
@import "./Font"
@import "./Extend"
@import "./Mixins"

// px转REM
=REM( $attr,$size )
    #{$attr}: ($size/37.5px)*1rem

=REM-W-H( $width, $height )
    +REM( width, $width )
    +REM( height, $height )

// 4个padding值全转成REM单位
=REM-P( $top, $right, $bottom, $left )
    +REM( padding-top, $top )
    +REM( padding-right, $right )
    +REM( padding-bottom, $bottom )
    +REM( padding-left, $left )

// 4个margin值全转成REM单位
=REM-M( $top, $right, $bottom, $left )
    +REM( margin-top, $top )
    +REM( margin-right, $right )
    +REM( margin-bottom, $bottom )
    +REM( margin-left, $left )

// REM转换 margin-top + margin-bottom值
=REM-margin-TB( $margin-size )
    +REM( margin-top, $margin-size )
    +REM( margin-bottom, $margin-size )

// REM转换 margin-left + margin-right值
=REM-margin-LR( $margin-size )
    +REM( margin-left, $margin-size )
    +REM( margin-right, $margin-size )

// REM转换 padding-top + padding-bottom值
=REM-padding-TB( $padding-size )
    +REM( padding-top, $padding-size )
    +REM( padding-bottom, $padding-size )

// REM转换 padding-left + padding-right值
=REM-padding-LR( $padding-size )
    +REM( padding-left, $padding-size )
    +REM( padding-right, $padding-size )
