дизайн-система rastrillo
Обзор всего, что даёт дизайн-система. Тема: plain. Язык: Русский.
Оболочки
Сам каркас страницы. rastrillo new пишет один такой как templates/layout.html; страница заполняет его дыру под содержимое и переопределяет те блоки обрамления, которые ей нужны. Каждая демонстрация ниже — целая страница по собственному URL: откройте одну и посмотрите на полной ширине, где панели sidebar и подвалу topbar действительно хватает места.
Ссылки неактивны, исходник примера приложен.
column
Простая страница по центру, с которой начинается каждое сгенерированное приложение: ссылка-пропуск, заголовок и колонка содержимого.
topbar
Логотип, навигация и меню аккаунта по верхнему краю, а под страницей — подвал.
sidebar
Панель навигации сбоку от страницы; уже 800px она сворачивается в раскрывающийся details. Без JavaScript.
console
Полоса сверху и навигационная рейка сбоку одновременно — форма, которую имеет большинство административных консолей. Ниже 800px одно раскрытие сворачивает обе. Без JavaScript.