За последние 24 часа нас посетили 16612 программистов и 1561 робот. Сейчас ищут 2135 программистов ...

SCSS

Тема в разделе "HTML и CSS", создана пользователем maxycwebber, 5 июн 2014.

  1. maxycwebber

    maxycwebber Новичок

    С нами с:
    25 мар 2014
    Сообщения:
    263
    Симпатии:
    11
    Адрес:
    Gdansk
    Кто нить пользуете? Классная штука!
    Вот еще нашел http://sache.in - база готовых сниплетов
    https://github.com/visualcookie/sumogrid - ваще тема

    Добавлено спустя 7 минут 42 секунды:
    вот данный сайт поможет вам перевести ваш готовый css в scss
    http://css2sass.heroku.com/
     
  2. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.156
    Симпатии:
    1.770
    Адрес:
    :сердА
    Штука классная, но как ею пользоваться? Конвертить в обычный CSS руками?
     
  3. maxycwebber

    maxycwebber Новичок

    С нами с:
    25 мар 2014
    Сообщения:
    263
    Симпатии:
    11
    Адрес:
    Gdansk
    лично я использую со штормом
    http://www.angarsky.ru/drupal/nastraivaem-lokalno-sass-v-sv ... storm.html

    Добавлено спустя 23 секунды:
    либо да, каждый раз запускать команду для компиляции css

    видел реализации встроенные в фреймворки... чушь полнейшая. у меня сейчас проект, там 3 уровня вложенности примерно, на каждом уровне от 5 до 20 файлов инклудится. довольно долго собирается вся машина (около 5 минут). зато на выходе получается 40 кб чистого сжатого кроссбраузерного css (использую компасс, это тоже набор сниплетов для кроссбраузерного использования) например, если надо сделать border-radius для всех браузеров, пишешь
    Код (Text):
    1. @include border-radius(4px, 4px);
    на выходе получается
    Код (Text):
    1.  -webkit-border-radius: 4px 4px;
    2.  -moz-border-radius: 4px / 4px;
    3.  -khtml-border-radius: 4px / 4px;
    4.  border-radius: 4px / 4px;
    Добавлено спустя 1 минуту 7 секунд:
    http://compass-style.org/reference/compass/css3/border_radius/

    Добавлено спустя 4 минуты 7 секунд:
    http://www.stylestats.org анализатор css. клевая штука.
    показывает все используемые цвета, размеры, шрифты

    Добавлено спустя 4 минуты 46 секунд:
    вот пытался подружиться с CoffeScript - не понял для чего она (эта штуковина).
    думаю единственный смысл подобного существования - единый синтаксис (макс. приближенный) c ruby
     
  4. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.156
    Симпатии:
    1.770
    Адрес:
    :сердА
    Вроде как человекоудобный надъязык для JS.

    Насчет CSS, да, забавно. Надеюсь, такой синтаксис однажды W3C примут как стандарт. С нормальной вложенностью и с чертовыми выражениями.

    З.Ы. Я знаю, что ты бордер-радиус привел чисто как пример, но так, на всякий, он уже давно стандартизирован и не требует префиксы.
     
  5. maxycwebber

    maxycwebber Новичок

    С нами с:
    25 мар 2014
    Сообщения:
    263
    Симпатии:
    11
    Адрес:
    Gdansk
    ну вот например. на днях задача была - сделать меню колонками. на входе список категорий 1 уровня. как сделать?
    ava-kazan.ru - компас помог. мозилла не знает columns: 3 auto;
     
  6. artoodetoo

    artoodetoo Суперстар
    Команда форума Модератор

    С нами с:
    11 июн 2010
    Сообщения:
    11.115
    Симпатии:
    1.244
    Адрес:
    там-сям
    использую LESS — аналогичная вещь.
     
  7. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.156
    Симпатии:
    1.770
    Адрес:
    :сердА
    Забавные штуки, надо будет покурить.
     
  8. maxycwebber

    maxycwebber Новичок

    С нами с:
    25 мар 2014
    Сообщения:
    263
    Симпатии:
    11
    Адрес:
    Gdansk
    мне scss понравилось больше из-за синтаксиса более приближенного к css
     
  9. maxycwebber

    maxycwebber Новичок

    С нами с:
    25 мар 2014
    Сообщения:
    263
    Симпатии:
    11
    Адрес:
    Gdansk