|
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 |
// width @mixin 任意の値( $parentPxWidth, $pxWidth ){ width: floor((( $pxWidth / $parentPxWidth ) * 10000% )) / 100; } // margin @mixin 任意の値($parentPxWidth, $mTop, $mRight, $mBottom, $mLeft){ margin : floor((($mTop / $parentPxWidth) * 10000%)) / 100 floor((($mRight / $parentPxWidth) * 10000%)) / 100 floor((($mBottom / $parentPxWidth) * 10000%)) / 100 floor((($mLeft / $parentPxWidth) * 10000%)) / 100; } // padding @mixin 任意の値($parentPxWidth, $pTop, $pRight, $pBottom, $pLeft){ padding : floor((($pTop / $parentPxWidth) * 10000%)) / 100 floor((($pRight / $parentPxWidth) * 10000%)) / 100 floor((($pBottom / $parentPxWidth) * 10000%)) / 100 floor((($pLeft / $parentPxWidth) * 10000%)) / 100; } // height @mixin 任意の値($parentPxHeight, $pxHeight){ height: floor((($pxHeight / $parentPxHeight) * 10000%)) / 100; } // position @mixin 任意の値($left,$bace-width,$top,$bace-height) { left : ($left / $bace-width) * 100%; top: 0; margin-top:($top / $bace-height) * 100% * $bace-height/$bace-width; } |
widthは親要素のwidthを入れる。
これ間違うと狂う。