From 1b9c68c9c8b7f83050aaf22e1af211c012a5755f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andre=CC=81=20Kilchenmann?= <a.kilchenmann@unibas.ch>
Date: Fri, 21 Sep 2018 15:54:04 +0200
Subject: [PATCH] style: release note badge

---
 _sass/_elements.scss | 29 ++++++++++++++++++++++++-----
 releasenotes.html    |  2 +-
 2 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/_sass/_elements.scss b/_sass/_elements.scss
index e55bbb5..5b2f74b 100644
--- a/_sass/_elements.scss
+++ b/_sass/_elements.scss
@@ -5,6 +5,7 @@
 .title {
   display: contents;
 }
+
 .logo {
   max-height: 48px;
   padding-right: 12px;
@@ -12,16 +13,13 @@
 
 // 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;
+  }
+
+}
\ No newline at end of file
diff --git a/releasenotes.html b/releasenotes.html
index b29cb2f..259a690 100755
--- 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>