Skip to content

Instantly share code, notes, and snippets.

@aloerina01
Created May 4, 2016 14:08
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save aloerina01/2c6514b68053027a7ad958ae57d05670 to your computer and use it in GitHub Desktop.
Save aloerina01/2c6514b68053027a7ad958ae57d05670 to your computer and use it in GitHub Desktop.
CSSの設計 基盤classとオプションclassの組み合わせ方
.label {
padding: 8px 16px;
font-size: 14px;
}
.label-success {
color: #1B5E20;
}
.label-warning {
color: #FF6F00;
}
.label-error {
color: #b71c1c;
}
<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