Вивчаємо sass. Міксини.

Відео: Основи SASS. Міксини (Mixin)

Всім привіт! У цій статті ми розглянемо, що таке міксини в Sass і де їх використовувати.

Якщо ви знаєте якусь мову програмування, наприклад, jаvascript, то можете створити для себе таку асоціацію: міксини в sass - це конструктори в jаvascript. Давайте розглянемо докладніше.

Думаю, спочатку розглянемо синтаксис, а вже потім способи застосування.

синтаксис

щоб задати миксин в sass, потрібно просто написати @mixin і назва.

Відео: Sass. Вчимо mixin, include, extend

Тут ми створили миксин з ім`ям border-radius, який буде задавати соотвествующее властивість, приписуючи потрібні префікси.

Відео: 12. CSS з LESS і SASS. Вивчення параметричних миксин

Використовувати міксини так само нескладно, потрібно просто написати @include і ім`я міксина, передавши в дужках потрібні аргументи. Якщо ви не поставите аргумент, то буде використано значення за замовчуванням. У нашому випадку - це 20px.

застосування

Як ви вже, напевно, здогадалися, міксини представляють собою щось на кшталт функцій, які можуть приймати якісь аргументи і щось з ними робити. Таким чином, міксини використовуються для автоматичного підставляння префіксів, перекладу значень з px в rem, для написання кросбраузерності властивостей і так далі. Застосувань величезна безліч. Якщо ви знаєте, навіщо потрібні функції в мовах програмування, то, думаю, ви розберетеся, де використовувати міксини.

Якщо ж ви не зовсім впевнені, що правильно розумієте призначення функцій в мовах програмування, раджу звернути увагу на курс Створення та Розкрутка сайту від А до Я.

А у мене на цьому все. Дякую за увагу!