Структура

Обычно файловая структура UpCss выглядит следующим образом:

Далее рассмотрим каждый каталог индивидуально.

Общие и базовые CSS-стили приложения. Например: компоненты framework`а, reset-стили (или normalize-стили), конфигурации и другое.

В данном разделе должны находиться персональные заготовки, которые могут быть переиспользованы в различных проектах.

Каталог со всеми стилями Вашего приложения.

sections
Основные составляющие приложения. Ими может быть header, footer, sidebar, navigation и другие секции, которые могут использоваться на разных страницах приложения.
layouts
Стили, которые необходимы для формирования общего каркаса нескольких страниц приложения.
pages
Стили, непосредственно, применяемые к конкретным страницам приложения, которые не могут быть переиспользованы.

Пример UpCss структуры простого приложения

build.scss
base
- _reset.scss
- _mixins.scss
- _config.scss
- _fonts.scss
- _grid.scss
modules
- _alerts.scss
- _buttons.scss
- _forms.scss
- _pagination.scss
- _table.scss
application
- sections
  - _footer.scss
  - _header.scss
  - _headline.scss
- layouts
  - base.scss
  - auth.scss
  - modal.scss
- pages
  - home.scss
  - contact.scss
  - faq.scss
  - error.scss