Skip to content

[outdated] Interactive styles documentation for Source.

Notifications You must be signed in to change notification settings

sourcejs/styles

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Styles

Styles - это интерактивная документация стилей, предназначенная для работы в среде движка Source.

Для установки документации достаточно положить исходини этого репозитория (или сделать суб-модудь) в любую папку движка Source.

Как в процессе верстки, так и в процессе дизайна необходимо представление обо всех используемых на проекте стилях. Styles позволяют содержать библиотеку в порядке.

Полезности

  • Делитесь ссылкой на любимый стиль
  • Копируйте незапоминающиеся цвета в буфер обмена

Как пользоваться

Используя заготовки и копипэйст библиотека стилей составляется меньше чем за час. Однако новый взгляд на получившуюся коллекцию может изменить представление о существующем дизайне и натолкнуть на полезные размышления.

Атрибуты стилей

Разумеется, атрибутов может быть много, но мы постарались ограничится наиболее важными

  • id - как и обычно - уникальный идентификатор, единственный обязательный атрибут элемента Styles
  • data-state - цвет текста или ссылки
  • data-hover - цвет ссылки по ховеру
  • data-size - размер текста
  • data-inverse - стиль предназначен для темного фона