2016-06-08 2 views
-2

일부는 덜 흘리기 때문에 다음 버그를 수정하는 방법을 이해할 수 없습니다. 이것은 내 코드가 아니기 때문에 클라이언트이고 아무런 단서가 없습니다.이 버그를 해결하는 방법을 모르십니까?

누군가 나를 도와 줄 수 있습니까? 다음 버그를 수정하려면 어떻게합니까? 나는 그것을 고치는 법을 알아 내려고 노력하면서 지난 2 시간을 보냈다.

문제 : "오류 (행 6 : 후 잘못된 CSS": 1 ... '제 :,의 $ 키) "기대"{ "($ 크기 = < 30)") "

했다 코드 예 :

@mixin margin($label, $size: 1, $key:1) ($size =< 30) 
{ 
     .m-${key} { 
     margin: $size !important; 
    } 

    .m-t-${key} { 
     margin-top: $size !important; 
    } 

    .m-b-${key} { 
     margin-bottom: $size !important; 
    } 

    .m-l-${key} { 
     margin-left: $size !important; 
    } 

    .m-r-${key} { 
     margin-right: $size !important; 
    } 
} 

매우 미리 감사

+1

질문에 의미있는 제목을 선택하십시오. – Trix

+0

질문의 제목은 설명이 있어야합니다. –

+0

누구나이 코드를 달성하기 위해 무엇을 이해하고 있습니까? – stutterbox16

답변

0

나는 그들이 조건 SASS로 변환 할 필요가있는 LESS 믹스 인 가드를 사용하는 생각

@mixin margin($label, $size: 1, $key:1) 
{ 
    @if ($size <= 30) { 
     ... 
    } 
} 
!
+0

좋아, 나는 조건부로 변환 할 것이다. 우연히 코드 조각이 이루고자하는 것을 이해하고 있습니까? – stutterbox16

+1

나는'when' 키워드가 빠졌지 만'$ size'가'30'보다 작거나 같을 때 다음과 같은 mixin 스타일을 적용하려고합니다. 자세한 내용은 LESS 참조 설명서를 참조하십시오. http://lesscss.org/features/#mixin-guards-feature – Quantastical

+0

감사합니다. 대단히 감사합니다. 그러나 $ {key}의 목적은 무엇입니까? 오류 메시지가 계속 표시되는데 $ {key}에 내용을 입력해야한다고 생각하지만 확실하지 않습니다. – stutterbox16

관련 문제