2016年9月12日月曜日

[MDL] ミニ ボタン

イメージ

Google が提唱するマテリアル デザインの開発キット、Material Design Lite (以下、MDL) の Tips です。

今回は、ミニ ボタンのサンプル コードを紹介します。

環境

  • MDL バージョン: 1.2.0
  • 動作確認ブラウザ (すべて Windows 10):
    • Chrome 53
    • Microsoft Edge
    • Internet Explorer 11

ライブ デモ (サンプル コード)


解説

ボタンに次のスタイルを設定します。

button.mini-button {
    padding: 5px 14px;
    min-width: 0;
    line-height: 15px;
    height: 25px;
    font-size: 13px;
}


参考

0 件のコメント:

コメントを投稿