استيراد ملفات CSS إلى ملفات أقل

في LESS، يعد استيراد أوراق الأنماط الخارجية ميزة مفيدة لتنظيم التعليمات البرمجية الخاصة بك والحفاظ عليها. ومع ذلك، من الضروري فهم المتطلبات المحددة عند استيراد أنواع ملفات مختلفة.

استيراد ملفات .css

على عكس استيراد ملفات LESS الأخرى، فإن استيراد ملف .css إلى ملف LESS يتطلب اعتبارًا خاصًا . ببساطة استخدام توجيه @import كالمعتاد لن ينجح.

بناء جملة استيراد ملفات .css

لاستيراد ملف .css إلى ملف LESS، تحتاج إلى استخدام بناء الجملة التالي:

@import (css) "path/to/style.css";

من خلال تحديد الخيار (css)، فإنك تخبر مترجم LESS بوضوح أن يتعامل مع الملف المستورد كملف CSS. سيضمن هذا تضمين أنماط CSS الموجودة في ملف .css في ملف LESS الخاص بك.

مثال

ضع في اعتبارك الكود التالي:

@import (css) "../style.css";

.small {
  font-size: 60%;
  .type;
}

في هذا المثال، يقوم الملف LESS باستيراد ملف ../style.css، الذي يحتوي على فئة تسمى .type. من خلال تحديد خيار (css)، سيتعرف مترجم LESS على الملف المستورد كملف CSS ويجعل الفئة .type قابلة للوصول داخل ملف LESS الخاص بك.

باتباع بناء الجملة المحدد هذا، يمكنك الاستيراد والاستخدام بنجاح ملفات CSS في كود LESS الخاص بك، مما يسمح لك بدمج وظائف كلا الإطارين.