Created
May 4, 2016 14:08
-
-
Save aloerina01/2c6514b68053027a7ad958ae57d05670 to your computer and use it in GitHub Desktop.
CSSの設計 基盤classとオプションclassの組み合わせ方
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.label { | |
padding: 8px 16px; | |
font-size: 14px; | |
} | |
.label-success { | |
color: #1B5E20; | |
} | |
.label-warning { | |
color: #FF6F00; | |
} | |
.label-error { | |
color: #b71c1c; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<span class="label">通常のラベルです</span> | |
<span class="label label-success">保存に成功しました</span> | |
<span class="label label-warning">そのパスワードは推測されやすいです</span> | |
<span class="label label-error">そのIDは既に使用されています</span> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment