2.3 KiB
2.3 KiB
id | title | required | challengeType | videoUrl | localeTitle | |||||
---|---|---|---|---|---|---|---|---|---|---|
587d7dbf367417b2b2512bbc | Split Your Styles into Smaller Chunks with Partials |
|
0 |
Description
Partials
في Sass هي ملفات منفصلة تحتوي على أجزاء من شفرة CSS. يتم استيرادها واستخدامها في ملفات ساس أخرى. هذه طريقة رائعة لتجميع التعليمات البرمجية المشابهة في وحدة نمطية للحفاظ على تنظيمها. تبدأ الأسماء الخاصة partials
بحرف تسطير أسفل السطر ( _
) ، الذي يخبر Sass أنه جزء صغير من CSS وليس لتحويله إلى ملف CSS. أيضًا ، تنتهي ملفات Sass .scss
الملف .scss
. لإحضار الرمز في الجزء partial
إلى ملف Sass آخر ، استخدم @import
التوجيه. على سبيل المثال ، إذا تم حفظ جميع mixins
الخاص بك في partial
باسم "_mixins.scss" ، وكانت مطلوبة في ملف "main.scss" ، فهذا هو كيفية استخدامها في الملف الرئيسي: // في الملف main.scssلاحظ أن شرطة سفلية لا تكون مطلوبة في كشف
@ mixport "mixins"
import
- يفهم Sass أنها partial
. مرة واحدة في partial
يتم استيرادها إلى ملف، كل المتغيرات، mixins
متاحة للاستخدام، وقانون آخر. Instructions
undefined
Tests
tests:
- text: ''
testString: 'assert(code.match(/@import\s+?("|")variables\1/gi), "Your code should use the <code>@import</code> directive, and should not include the underscore in the file name.");'
Challenge Seed
// The main.scss file
Solution
// solution required