STUDY/CSS

rem 계산기

수밤바 2019. 7. 5. 12:02
728x90

sass의 function으로 만들었다

2배수가 기본.

만약 세배수일때는 rem( 디자인 작업된 px, 3)

variable.scss 에 $rootFontsize 설정해서 사용함.

 

 

@function rem($size, $ratio:2) {

  @return ($size/$ratio) / $rootFontsize + rem;

}

 

 

사용법

font-size:rem(40);

 

'STUDY > CSS' 카테고리의 다른 글

리스트 빈칸 채우기  (0) 2019.07.05
sass mixin - 반응형 썸네일 비율 구하기  (0) 2019.07.05
css로 요소 개수 알아내기  (0) 2019.07.05
css animation 값 유동적으로 적용  (0) 2019.07.05
css 선택자 성능체크  (0) 2015.04.16