2017-12-19 8 views
0

응답 글꼴 크기에 대해 SAS에서 픽셀로 폴백하는 rem 글꼴 크기의 혼합을 현재 사용하고 있습니다. 나는이 믹스 인을 사용하고 있습니다 :이 믹스 인을 호출하는 짧은 방법이 있다면 @include 대신에 mixin SASS를 호출하는 더 쉬운 방법

@mixin font-size ($size) { 
    $remValue: $size/16; 
    $pxValue: ($size); 
    font-size: $pxValue + px; 
    font-size: $remValue + rem; 
} 

지금 내가 궁금 해서요. 지금은 입력 할 필요가 :

@include font-size(20); 

을 20 개 픽셀 (1.25rem)

마녀 글꼴 크기의 몇 설정, 좋은의 크기를 들어,하지만 난 사용하는 경우 이 짜증나는 점점 그 30 배 ...

지금 내가 덜 사용하는 것을보고 :

.font-size(20); 

이 같은 일을 수행하려면, 마녀 BETT입니다 하지만 지금은 SASS를 사용해야합니다.
이 전화를 더 짧게 만들거나 @include를 사용해야합니까?

에메 르트 단축 코드를 찾을 수 없습니다 ...

고마워요! 아니 당신은 할 수 없습니다

답변

3

, 당신은 SASS Docs

SS

+0

슬프게도 ... :( 내가 에메트의 짧은 코드를 만들어야 할 것 같네요 ... – Loosie94

0

에서 볼 수 있듯이 나는이 호출 짧게하거나 난 아직 @include을 사용해야하나요?

짧은 방법은 현재 Sassy CSS (SCSS)에 없습니다. 하지만 순수 SASS에서는 @include 대신 +을 사용할 수도 있습니다. 이 단지 originaly 루비에 따라 SASS 구문에 적용 .sass로 파일 형식의 이름을 변경해야

=font-size($size) 
    $remValue: $size/16 
    $pxValue: ($size) 
    font-size: $pxValue + px 
    font-size: $remValue + rem  

.selector 
    +font-size(20) // <- that + here 

참고.

관련 문제