Libsass: import url (http: // ...) فشل لعناوين URL للخطوط

مسكة جيدة. يمكنك أيضًا الحصول على ملف @import a .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 "بالتحقق من صحة" الواردات التي تستهدف ملفًا بعيدًا (واحد على الإنترنت). إذا كان URI داخل عبارة الاستيراد بعيدًا (والذي يمكن التحقق منه من خلال معرفة ما إذا كان يحتوي على تسلسل // ) ، فيجب على libsass أن يرمي عبارة @import بالكامل إلى CSS.

لقد جربت المثال الخاص بك على الفرع الرئيسي ويظهر الاستيراد في الإخراج (على الرغم من أن LibSass لا ينقله إلى أعلى الملف بالطريقة التي يعمل بها Ruby Sass) ... هل سحبت في الأسبوعين الماضيين؟

يجب أن يكون الاستيراد أعلى الملف. هذا واضح في مواصفات CSS: يجب أن يكون الاستيراد في الأعلى.

مرسل من الايفون الخاص بي

في 14 شباط (فبراير) 2014 ، الساعة 3:02 مساءً ، كتب آرون ليونغ إخطارات github.com:

لقد جربت المثال الخاص بك على الفرع الرئيسي ويظهر الاستيراد في الإخراج (على الرغم من أن LibSass لا ينقله إلى أعلى الملف بالطريقة التي يعمل بها Ruby Sass) ... هل سحبت في الأسبوعين الماضيين؟

-
قم بالرد على هذا البريد الإلكتروني مباشرة أو قم بعرضه على GitHub.

حالة اختبار مبسطة:

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

يعيد Ruby Sass هيكلة CSS بشكل صحيح بحيث يكون @import (s) في الأعلى:

<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");

لا أتوقع أي مشكلات تنشأ عن هذا الخطأ على وجه الخصوص ، ولكن من المهم ملاحظة الاختلاف.

حسنًا ، يجب إصلاح هذا الآن. يرجى محاولة إعطائها.