freeCodeCamp

2.9 KiB

Raw Blame History

title

required

challengeType

videoUrl

localeTitle

587d7dbf367417b2b2512bbc

Split Your Styles into Smaller Chunks with Partials

src	raw
https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js	true

Разделите свои стили на мелкие куски с частицами

Description

Partials в Sass - это отдельные файлы, содержащие сегменты кода CSS. Они импортируются и используются в других файлах Sass. Это отличный способ группировать аналогичный код в модуль, чтобы поддерживать его. Имена partials начинаются с символа подчеркивания ( _ ), который сообщает Sass, что это небольшой сегмент CSS, а не для преобразования его в файл CSS. Кроме того, файлы Sass заканчиваются расширением .scss . Чтобы привести код в partial файле в другой файл Sass, используйте директиву @import . Например, если все ваши mixins сохранены в partial имени «_mixins.scss», и они необходимы в файле «main.scss», так их можно использовать в основном файле:

// В файле main.scss

@import 'mixins'

Обратите внимание, что подчеркивание не требуется в операторе import - Сасс понимает, что он является partial . После partial импортирования в файл доступны все переменные, mixins и другой код.

Instructions

Напишите оператор @import для импорта partial имени _variables.scss в файл main.scss.

Tests

tests:
  - text: Ваш код должен использовать директиву <code>@import</code> и не должен содержать подчеркивание в имени файла.
    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

2.9 KiB Raw Blame History Unescape Escape