sass mixin - 반응형 썸네일 비율 구하기

모바일 썸네일 background-image방식

가로크기가 항상 100%가 아닐경우도 있어서

매개변수로 퍼센트값, 가로,세로 받아서 mixin으로 계산

 

 

// 썸네일 세로 %구하기

@mixin ratioWidth ($percentW, $width, $height){

  height:0;

  padding-bottom: (($height*$percentW)/$width) + %;

}

 

.item {

  $width : 50;

  width: $width + %;

  @include ratioWidth($width,370,446);

}