Как собрать стайлгайд?

Question

[massef]

Нужно собрать набор стилей и готовых блоков/компонетов. Например как это сделано в CSS фреймворках, пример кода и результат. И можно ли это как то автоматизировать?
Интересует как это делается, чтобы в поддержке было удобно, добавление/редактирование.
Накидайте пожалуйста ссылок на подобные гайды.

Answer 1

[GreatRash]

https://sourcejs.com/

Answer 2

[Ivan Bogachev]

Пробовал использовать DSS (если быть точнее grunt-dss, поскольку все остальное собиралось с помощью grunt). Несмотря на то, что этот проект давно не обновляется, использовать его вполне можно. Вся идея состоит в том, чтобы в css (less/sass/...) писать комментарии вида

// @name Button
// @description Button component
//
// @state -small     - Smaller button
// @state -large     - Larger button
// @state -dangerous - Indicates danderous action
// @state -ghost     - Button with transparent background
//
// @see button-group
//
// @markup
//      <a class="button" href="">button</a>

и из них генерируется стайлгайд. Инструмент очень простой и поэтому легко кастомизируется - можно дописывать свои парсеры для чего-то кастомного (например если нужна информация о js для компонента или что-то еще), шаблон для всего этого - обычный html со вставками вида {{property}}.

Comments

[massef]

Ivan Bogachev Все бы хорошо, смущает только описание в самих файлах стилей, вставлять туда куски HTML кода как то странно. Но жить можно ). Пока что sourcejs лучшее что я видел.

Answer 3

[Дмитрий]

materializecss.com/getting-started.html я отсюда себе взял что мне нужно. Сетку и кое какие фишки прикольные. Или из бутсрапа можно. Скачай css файл и сам выпиливай что нудно. В документации смотри какие классы для чего и вырезай нужные. вот как вариант

Comments

[massef]

kaktys123 Извините, но прочтите внимательней. Меня интересует не фреймворк, а то как собирается набор стилей и компонентов в нем. Грубо говоря мне нужна страница с заготовками на основе рабочего сайта.

[Дмитрий]

massef: а посмотреть чужие файлы и увидеть там как их собирают не вариант? внутри же все есть