use include directive for badge demo pages
parent
c2c0b8eea7
commit
fc1845faee
|
@ -3,5 +3,4 @@
|
||||||
color: rgba(0, 0, 0, 0.24);
|
color: rgba(0, 0, 0, 0.24);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<!-- Icon badge on icon -->
|
{% include "badge-on-icon-icon.html" %}
|
||||||
<div class="icon material-icons mdl-badge badge-demo" data-badge="♥">account_box</div>
|
|
||||||
|
|
|
@ -2,5 +2,5 @@
|
||||||
.badge-demo {
|
.badge-demo {
|
||||||
color: rgba(0, 0, 0, 0.24);
|
color: rgba(0, 0, 0, 0.24);
|
||||||
}
|
}
|
||||||
</style><!-- Number badge on icon -->
|
</style>
|
||||||
<div class="icon material-icons mdl-badge badge-demo" data-badge="1">account_box</div>
|
{% include "badge-on-icon-text.html" %}
|
||||||
|
|
|
@ -3,5 +3,4 @@
|
||||||
color: rgba(0, 0, 0, 0.24);
|
color: rgba(0, 0, 0, 0.24);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<!-- Icon badge -->
|
{% include "badge-on-text-icon.html" %}
|
||||||
<div class="mdl-badge badge-demo" data-badge="♥">Mood</div>
|
|
||||||
|
|
|
@ -3,5 +3,4 @@
|
||||||
color: rgba(0, 0, 0, 0.24);
|
color: rgba(0, 0, 0, 0.24);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<!-- Number badge -->
|
{% include "badge-on-text-text.html" %}
|
||||||
<div class="mdl-badge badge-demo" data-badge="4">Inbox</div>
|
|
||||||
|
|
Loading…
Reference in New Issue