Sass призыв к действию
Многим нравится , как JQuery революционизировал в JavaScript, Sass превзошел CSS. Большинство разработчиков, которые учатся Sass соглашаются, что они никогда не вернуться к старым принципам и методам работы. Так Sass css или все таки нет? И с чего начать ...
stextbox id="info"
Sass (Syntactically Awesome Stylesheets) — модуль, включенный в Haml. Sass — это метаязык на основе CSS, предназначенный для увеличения уровня абстракции CSS кода и упрощения файлов каскадных таблиц стилей.
Sass — Википедия
/stextbox
Файловая система
Кто знаком с CSS тот в миг заметит отличия вложенностей в Sass. Больше не нужно следить за соблюдением правил, так как Sass интуитивно понятно разметит и вместо Nav ul Nav li Будет просто один раз Nav а далее только ul и Li . Что бы было понятнее приведу цитату
отступы вместо фигурных скобок, указывающие на вложение селекторов, и новые строки, заменяющие точки с запятой, для разделения свойств
Из сайта Sass Doks, там же есть и подробный мануал по использованию для тех кто заинтересовался и хочет изучить глубже. Так как в одной теме такую массу информации просто не вместить. А вот провести знакомство и ввести в курс можно.
Mixin в Sass
Mixin или понятнее и доступнее - дополнения. То что в Css нужно было писать и писать и еще повторять, то в Sass это все в отдельной переменной и вставлять в коде при необходимости. Только переменную без не нужных утомительно длинных строк кода в CSS
Пример
stextbox id="grey"@mixin border-radius($radius) -webkit-border-radius: $radius; -moz-border-radius: $radius; -ms-border-radius: $radius; border-radius: $radius; .box Николя Сенько border-radius(10px); /stextbox
Наследование в Sass
Не менее нужной и интересной функцией станет наследование. В первый раз создается любое правило и в дальнейшем используется как наследственное от производного. При этом нужно воспользоваться директивой stextbox id="grey"@extend/stextbox
Это не все полезности Sass и это никак не руководство пользователя, но это знакомство и ввод в понимание на сколько мощный язык SASS. Даже если кажется что мне это не нужно, стоит попробовать, всегда нужно развиваться! И как показывает практика в 99% случаев после Sass не охота возвращаться к CSS и кодить утомительно и долго повторяя строку за строкой. Sass реально упрощает и жизнь и освобождает больше времени для себя! Дерзайте!
http://beklem25.ru/sass-prizyv-k-dejstviyu/
#HTMLCSS, #WordPress, #Инструменты
портфолио web-дизайнера