💅🏻 css

scss 반응형 position

(。θᗨθ。) 2024. 12. 18. 14:13
$image-width: 1912; // 이미지 가로 값
$image-height: 625; // 이미지 세로 값
@mixin position($t, $l) { //100% 일 때 탑, 레프트 값)
    top: calc($t / $image-height * 100%);
    left: calc($l / $image-width * 100%);
}

.p-1 {
  @include position($t: 238, $l: 664)
}
728x90