rastrillo デザインシステム
デザインシステムが提供するものの概要。テーマ: signal。言語: 日本語。
シェル
ページの枠そのものです。rastrillo new はこのうちひとつを templates/layout.html として書き出します。ページは内容の穴を埋め、必要な枠のブロックだけを上書きします。下のデモはどれも独自の URL を持つ一枚のページです。ひとつ開いて全幅で見てください。sidebar のレールや topbar のフッターに、実際に場所があるのが分かります。
ここのリンクは動きません
リンクは動きません。サンプルのソースは別に用意しています。
column
生成したアプリがまず立つ、素朴な中央寄せのページです。スキップリンク、タイトル、そして本文の列。
topbar
上端にブランド、ナビゲーション、アカウントメニューを並べ、ページの下にフッターを置きます。
sidebar
ページの横に立つナビゲーションレールです。800px を下回ると details の開閉に畳まれます。JavaScript は使いません。
console
上にバー、横にナビゲーションのレール、その両方です。管理コンソールのほとんどはこの形をしています。800px を下回ると、ひとつの開閉が両方を畳みます。JavaScript は使いません。