// 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;
}
最近のコメント