add badges code

1 files changed, 23 insertions, 0 deletions

diff --git a/dist/spectre.css b/dist/spectre.css
index c902411..aed5fa6 100644
--- a/dist/spectre.css
+++ b/dist/spectre.css
@@ -1078,6 +1078,29 @@ textarea.form-input {
   font-size: 1.4rem;
   line-height: 1.8rem;
 }
+.badge {
+  position: relative;
+  margin-right: 2.4rem;
+}
+.badge::after {
+  content: attr(data-badge);
+  color: #fff;
+  font-size: 1.2rem;
+  text-align: center;
+  line-height: 1.4rem;
+  background-color: #5764C6;
+  display: block;
+  width: 2rem;
+  height: 2rem;
+  padding: .3rem .1rem;
+  border-radius: 50%;
+  position: absolute;
+  top: -1rem;
+  right: -2.4rem;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 .toast {
   display: block;
   width: 100%;