Конвертер css в scss

Для тех кто привык работать с scss

 
Посетитель
small user social cms
Медаль
Сообщений: 136
Вот по http://sebastianpontow.de/css2compass/ ссылке есть конвертер css в scss.
Конвертер css в scss Конвертер css в scss
Причин может быть несколько...
Посетитель
small user social cms
Сообщений: 89
Зачем? Для тех кто в подводной лодке...
Редактировалось: 1 раз (Последний: 9 мая 2019 в 12:26)
Сайт о волнистых попугаях «Волнистый город»
Реклама
cms
Посетитель
small user social cms
Медаль
Сообщений: 136
jinbiryukov:

Зачем? Для тех кто в подводной лодке...
Шутку я не понял scratch

А нужен такой конвертер в первую очередь тем, кто хочет быстро конвертнуть (например) стандартные css дефолтного шаблона...
Далее работает с scss. Так то это дело привычки! Мне по началу scss вообще не понравился... потом понял что к чему.
-----------
theme-gui.css
theme-gui

theme-gui.scss
theme-gui
Причин может быть несколько...
Посетитель
small user social cms
Сообщений: 89
Дмитрий Баринов:
Шутку я не понял
Да нет никакой шутки. Зачем переводить в scss? CSS чем плох или чем лучше scss?
Сайт о волнистых попугаях «Волнистый город»
Посетитель
small user social cms
Медаль
Сообщений: 136
jinbiryukov:
чем плох или чем лучше
Дело в гибкости и в привычке.

В scss например, достаточно поменять 1 переменную color: $white; и переменная $white поменяется везде где используется.
Код PHP:
  1.  
  2. //colors
  3. //$white: #fff;
  4. $white: #fafafa;
  5. /****/
  6. .sess_messages {
  7. margin-bottom: 10px;
  8. div {
  9. padding: 10px;
  10. padding-left: 30px;
  11. background: $color_alabaster_approx;
  12. line-height: 16px;
  13. margin-bottom: 2px;
  14. /*------------------------------------*/
  15. /* $white = #fafafa */
  16. color: $white;
  17. /*------------------------------------*/
  18. a {
  19. color: $color_athens_gray_approx;
  20. &:hover {
  21. color: $color_tenn_approx;
  22. }
  23. }
  24. }
  25. /****/
  26. .is_online {
  27. background: $color_emerald_approx;
  28. /*------------------------------------*/
  29. /* $white = #fafafa */
  30. color: $white;
  31. /*------------------------------------*/
  32. font-size: 11px;
  33. line-height: 15px;
  34. padding: 1px 6px;
  35. //Instead of the line below you could use @include border-radius($radius, $vertical-radius)
  36. border-radius: 4px;
  37. display: inline-block;
  38. }
  39.  
Редактировалось: 1 раз (Последний: 9 мая 2019 в 20:05)
Причин может быть несколько...
Посетитель
small user social cms
Медаль
Сообщений: 346
вещь нужная!!!
Посетитель
small user social cms
Сообщений: 89
Дмитрий Баринов:

jinbiryukov:
чем плох или чем лучше
Дело в гибкости и в привычке.
В scss например, достаточно поменять 1 переменную color: $white; и цвет white поменяется везде где используется.

А так это для разработчика только... Если у меня куплен шаблон смысла там что-то конвертировать нет ведь?
Сайт о волнистых попугаях «Волнистый город»
Посетитель
small user social cms
Медаль
Сообщений: 136
jinbiryukov:

А так это для разработчика только... Если у меня куплен шаблон смысла там что-то конвертировать нет ведь?

Ну... Нет, лучше не менять, или только отдельный style.css
Если не занимаетесь дизайном/шаблонами, то лучше не конвертировать (много изменений)
Причин может быть несколько...
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.