Mixin в LESS са различни
Помислете за основните разлики между тези видове.
Извеждат се прости миксове, както е посочено.
Това е, за Н1 всичко, което е посочено в .border_radius. От практическа гледна точка миксът е предназначен само за бързо вмъкване на различни "празни" css класове.
Недостатъци на прости смеси
Такива миксове имат няколко недостатъка, един от основните е, че целият микс попада в получения css код. Всъщност такива смеси са равни на обичайните css правила, така че компилаторът не може да ги различи.
Предишният пример ще доведе до следния резултат:
Тоест, първоначално беше показан самият микс (компилаторът смяташе, че това е обичайното правило на css), а след това отново, но вече като функционален микс.
За щастие проблемът се решава много просто - трябва да използвате параметризирани примеси, превръщайки „примеса“ в аналог на функцията.
Смесвайте като функция
За да се превърне миксът във функция, трябва да посочите скоби, когато го пишете. Нека сравним два примера.
Тоест имаме и .border_radius и h1. Добавете скоби към сместа.
Остава само h1, и клас .border_radius изчезна от крайния резултат.
Набори от правила за множество етикети
Да предположим, че имаме някаква HTML-рамка за някои от нашите блокове с шаблони. Това може да бъде плъзгач, меню, приспособление или някакъв предварително зададен вид таг клас. При оформлението много често има такива блокове, където някои от правилата на css се скитат от шаблон към шаблон.
Да приемем, че приставката за облак на категории има следните стилове:
Тези правила почти никога не се променят, но за да работи приставката правилно, те се изискват във всеки шаблон. Това е най-лесният начин да направите смесица, която да вмъкне тези правила.
Тоест, в микса можете да зададете колкото искате вложени правила.
Този подход може да се използва за решаване на проблеми, при които вече има някои предварително определени условия. Например можете да излезете с набор от правила за модулна мрежа от сайтове. Знаем, че мрежата е посочена в main.php и съдържа фиксиран HTML за основните divs. Единият микс може да изведе решетка за лявата странична лента, а другият за дясната. Нещо като това:
Сравнение на css-framework и по-малко оформление
CSS рамките съдържат набори от предварително дефинирани правила. Следователно, ако дизайнерът на оформление реши да използва рамката в своята работа, тогава той трябва да преработи HTML кода, като напише css класовете на рамката. Тоест, когато използва каквато и да е css рамка, дизайнерът на оформление не може да се измъкне от влизането в HTML кода и да го коригира за себе си.