feature (#155): add simple badge styles

Author: bencodezen

src/.vuepress/styles/index.styl

@@ -156,3 +156,13 @@
   font-weight: bold;
   opacity: 1!important;
 }
+
+.badge {
+  background-color: #b00000;
+  font-size: 0.8rem;
+  border: 2px solid #b00000;
+  border-radius: 5px;
+  margin-right: 0.5rem;
+  color: #fff;
+  padding: 0.25rem 0.25rem;
+}

src/.vuepress/theme/styles/index.styl

@@ -119,12 +119,17 @@ h1, h2, h3, h4, h5, h6
     margin-bottom 0
 
     &:first-child
+      display flex
+      align-items center
       margin-top -1.5rem
       margin-bottom 1rem
 
       + p, + pre, + .custom-block
         margin-top 2rem
 
+      .badge:first-of-type
+        margin-left 0.5rem
+
   &:hover .header-anchor
     opacity: 1