Libsass: @import url(http://...) 글꼴 URL 실패

좋은 캐치. @import .css 파일도 사용할 수 있지만 .css 확장자를 명시적으로 확인하는 것처럼 보입니다. 다음은 해결 방법으로 사용할 수 있습니다.

<strong i="9">@import</strong> "http://fonts.googleapis.com/css?family=Titillium+Web:400,300,200,600.css";

그러나 실제로 다음도 작동해야 합니다.

<strong i="13">@import</strong> "http://fonts.googleapis.com/css?family=Titillium+Web:400,300,200,600";

Libsass는 원격 파일(인터넷에 있는 파일)을 대상으로 하는 가져오기를 "검증"해서는 안 됩니다. import 문 내부의 URI가 원격인 경우( // 시퀀스가 포함되어 있는지 확인하여 확인할 수 있음) libsass는 해당 전체 @import 문을 CSS에 던져야 합니다.

마스터 분기에서 예제를 시도했고 가져오기가 출력에 나타납니다(LibSass는 Ruby Sass가 하는 방식으로 파일의 맨 위로 이동하지 않지만) ... 지난 몇 주 동안 가져왔습니까?

가져오기는 파일의 맨 위에 있어야 합니다. 그것은 CSS 사양에 분명히 있습니다. @import 가 맨 위에 있어야 합니다.

내 iPhone에서 보낸

2014년 2월 14일 오후 3:02에 Aaron Leung [email protected] 은 다음과 같이 썼습니다.

마스터 분기에서 예제를 시도했고 가져오기가 출력에 나타납니다(LibSass는 Ruby Sass가 하는 방식으로 파일의 맨 위로 이동하지 않지만) ... 지난 몇 주 동안 가져왔습니까?

—
이 이메일에 직접 답장하거나 GitHub에서 확인하세요.

단순화된 테스트 케이스:

.test {
    content: '';
}
<strong i="6">@import</strong> url('test.css');

Ruby Sass는 @import (s)가 맨 위에 오도록 CSS를 올바르게 재구성합니다.

<strong i="11">@import</strong> url("test.css");
.test {
  content: ''; }

Libsass는 다음을 잘못 생성합니다.

.test {
  content: ''; }

<strong i="15">@import</strong> url('test.css');

위에서 언급했듯이 CSS 사양 은 "모든 @import 규칙은 다른 모든 규칙보다 우선해야 합니다(있는 경우 @charset 규칙 제외)".

Sass가 구조화되는 방식에 따라 이 버그는 @import 규칙이 CSS 출력에 올바르게 삽입되지 않고 이후에 무시되는 코드를 생성할 수 있고 생성합니다.

Libsass 및 Ruby Sass에서 다소 관련된 사소한 버그/차이는 다음 테스트의 출력입니다.

<strong i="26">@import</strong> "//example.com/test.css";

루비 사스:

<strong i="30">@import</strong> "//example.com/test.css";

립사스:

<strong i="34">@import</strong> url("//example.com/test.css");

특히 이 버그로 인해 문제가 발생할 것으로 예상하지는 않지만 주목할 만한 차이점이 있습니다.

좋아, 이제 해결해야 합니다. 시도해 주세요.