Skip to content

Instantly share code, notes, and snippets.

@xhoskin
Last active June 4, 2018 09:58
Show Gist options
  • Save xhoskin/525577629373c4e6f39ab6ef8cfae918 to your computer and use it in GitHub Desktop.
Save xhoskin/525577629373c4e6f39ab6ef8cfae918 to your computer and use it in GitHub Desktop.
Новая структура файлов для стилей
1. Стили для веб, адаптив и мобайл будут полностью независимыми.
2. Некоторые компоненты будут "общими" (common). Они будут одинаковыми во всех версиях.
3. Глобальные компоненты нельзя будет переопределять, то есть вносить небольшие отличия в разных версиях.
4. Победила раскладка suffix.txt
# Разделение по суффиксам
blocks
text-input/
_text-input.common.scss
car-panel/
_car-panel.adaptive.scss
_car-panel.web.scss
_car-panel.mobile.scss
..
vars/
text-input/
_text-input.common.scss
car-panel/
_car-panel.adaptive.scss
_car-panel.web.scss
_car-panel.mobile.scss
..
vars.common.scss
vars.adaptive.scss
vars.web.scss
index.common.scss
index.adaptive.scss
index.web.scss
# Разделение по папкам
base/
blocks/
_car-panel.scss
..
vars/
_car-panel.scss
..
vars.scss
index.scss
adaptive/
blocks/
_car-panel.scss
..
vars/
_car-panel.scss
..
vars.scss
index.scss
web/
blocks/
_car-panel.scss
..
vars/
_car-panel.scss
..
vars.scss
index.scss
# Есть глобальные блоки, а есть блоки в трёх вариантах
global/
blocks/
_car-panel.global.scss
..
vars/
_car-panel.global.scss
vars.global.scss
index.global.scss
variants/
blocks/
car-panel/
_car-panel.adaptive.scss
_car-panel.web.scss
..
vars/
car-panel/
_car-panel.adaptive.scss
_car-panel.web.scss
..
vars.adaptive.scss
vars.web.scss
index.adaptive.scss
index.web.scss
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment