style: release note badge

lakto · Sep 21, 2018 · 1b9c68c · 1b9c68c
1 parent 34f6214
commit 1b9c68c
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 6 deletions.
diff --git a/_sass/_elements.scss b/_sass/_elements.scss
@@ -5,23 +5,21 @@
 .title {
   display: contents;
 }
+
 .logo {
   max-height: 48px;
   padding-right: 12px;
 }
 
 // content
 
-
 // section
 
-
 // footer
 footer {
   //height: 224px;
 }
 
-
 // hr
 hr {
   display: block;
@@ -46,8 +44,8 @@ h3::before {
 // content
 .feature-content {
   p {
-    font-family: "Roboto","Helvetica","Arial",sans-serif;
-    font-weight: 300!important;
+    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
+    font-weight: 300 !important;
     letter-spacing: 0;
     margin: 0 0 16px;
     line-height: 32px;
@@ -59,3 +57,24 @@ h3::before {
 .github-icon {
   padding: 0 0 0 24px;
 }
+
+// badges
+.badge {
+//  font-family: "Open Sans", sans-serif;
+  padding: 2px 5px;
+  text-transform: uppercase;
+  border-radius: 4px;
+  background: #eee;
+  font-size: .85em;
+  letter-spacing: 1px;
+
+  &.major {
+    background: #00695c;
+    color: #fff;
+  }
+  &.pre-release {
+    background: #f06a33;
+    color: #fff;
+  }
+
+}
diff --git a/releasenotes.html b/releasenotes.html
@@ -8,7 +8,7 @@
         {% for release in site.posts %}
         <!-- post header -->
         <h3 class="mdl-typography--headline mdl-card__subtitle-text">
-            <span class="date">{{ release.date | date: "%B %d, %Y" }}</span> | <span class="badge {{ change.type }}">{{ release.type }}</span>
+            <span class="date">{{ release.date | date: "%B %d, %Y" }}</span> | <span class="badge {{ release.type }}">{{ release.type }}</span>
         </h3>
         <h2 class="mdl-typography--display-1 mdl-card__title-text">{{ release.title }}</h2>
         <br>