Slide 111
Slide 111 text
ύλʔϯϥΠϒϥϦΛ࡞Δ
·ͣ৭ͷύλʔϯϥΠϒϥϦΛ࡞ͬͯΈ·͢
// ## デフォルトボタン
// Sass
// - - -
// .button
// +button-base(文字サイズ, 高さ, 横幅, マージン, 文字の太さ)
// +button-default(ボタンの色, 文字の色, 角丸, ノーマル時のシャドウ…
// - - -
// - こんな感じで +button-base と +button-default を組み合わせでできてます。
// - buttonタグ、aタグ、submit type="button"、どれにスタイルをあてても同じ…
//
// .primary - （白）メインとなる普通のボタン
// .primary:hover - （白）メインとなる普通のボタン マウスオン
// .primary:active - （白）メインとなる普通のボタン クリック
// .primary:disabled - （白）メインとなる普通のボタン 無効
// .danger - （赤）削除なんかに使う危険なボタン
// .danger:hover - （赤）削除なんかに使う危険なボタン マウスオン
// .danger:active - （赤）削除なんかに使う危険なボタン クリック
// .danger:disabled - （赤）削除なんかに使う危険なボタン 無効
// .blue - （青）目立たせたいときに使うボタン
// .blue:hover - （青）目立たせたいときに使うボタン マウスオン
// .blue:active - （青）目立たせたいときに使うボタン クリック
// .blue:disabled - （青）目立たせたいときに使うボタン 無効
//
// Styleguide 2.1.
ίϝϯτΞτ