Comments 13
Спасибо за прекрасную статью.
Код на SCSS гораздо более читаем. :) Не хотите выпустить Compass Extension?
Код на SCSS гораздо более читаем. :) Не хотите выпустить Compass Extension?
Спасибо, рад быть полезным. То, что на SCSS более читаем — не спорю. Про Compass — врядли.
А оно, собственно, уже есть: github.com/Team-Sass/sassytextshadow И позволяет творить совершенно адские вещи.
Если ограничиться однородной тенью, уходящей в правый-нижний угол, можно выкинуть всю математику. Код сводится к нескольким понятным строчкам (пример на SASS):
Наклепал демо: sassbin.com/gist/6522344/
@mixin long-shade($color: red, $length: 100)
$shadow: ()
@for $i from 1 through $length
$shadow: $shadow, $i*1px $i*1px 0 $color
text-shadow: $shadowНаклепал демо: sassbin.com/gist/6522344/
Тоже недавно эксперементировал с тенями, пробовал сделать мягкую тень (sass) codepen.io/ssh/pen/FgeCx
Небольшой оффтоп:
Я раньше тоже любил Less, почему? Ну просто «потому» — это почти аналогично «да я люблю Less больше». А потом одним вечерним днёмменя под пытками заставили мне захотелось изучить что-то другое. Честно говоря — не жалею. Есть множество подобных примеров — Scss vs Less, Less vs Css, Coffee vs JS и даже «процедурное программирование» vs. ООП. Что бы понять что лучше — надо использовать и то, и другое, хотя бы в соотношении 2 (то, что новое) к 3 (то, что любимое).
Всё это я веду к тому, что попробуйте всё же Scss чуть более чем «просто посмотреть», пусть в нём дикий синтаксис импорта примесей (безусловно в Less он лучше), но по моему личному мнению, да и думаю по мнению большинства участников, всё же Scss зачастую более элегантный и мощный в данном подспорье. Взять хотя бы Compass, на Less такого фреймворка не реализуешь.
Я раньше тоже любил Less, почему? Ну просто «потому» — это почти аналогично «да я люблю Less больше». А потом одним вечерним днём
Всё это я веду к тому, что попробуйте всё же Scss чуть более чем «просто посмотреть», пусть в нём дикий синтаксис импорта примесей (безусловно в Less он лучше), но по моему личному мнению, да и думаю по мнению большинства участников, всё же Scss зачастую более элегантный и мощный в данном подспорье. Взять хотя бы Compass, на Less такого фреймворка не реализуешь.
Взять хотя бы Compass, на Less такого фреймворка не реализуешь.— я готов поспорить… Весомый аргумент через несколько месяцев будет в ленте хабра… В LESS круть это JavaScript.
ну вот пример:
конвертируется в:
в заначке у меня ещё функция преобразования градусов в «то-что-понимает-ИЕ» в его filter: progid:DXImageTransform.Microsoft.Matrix
@include transition(transform .3s ease);конвертируется в:
-webkit-transition:-webkit-transform 0.3s ease;
-moz-transition:-moz-transform 0.3s ease;
-o-transition:-o-transform 0.3s ease;
transition:background 0.3s easeв заначке у меня ещё функция преобразования градусов в «то-что-понимает-ИЕ» в его filter: progid:DXImageTransform.Microsoft.Matrix
А на счёт JS — это очень плохо. Подобный DSL, критичный для всего ресурса, стоит обрабатывать на сервере, а никак не на клиенте.
Sign up to leave a comment.
Shade: длинные тени трендового плоского дизайна на CSS