From fb70154a3d5ff00b82c835dbeab34cf1a6448fa4 Mon Sep 17 00:00:00 2001
From: Mikkel Munch Mortensen <3xm@detfalskested.dk>
Date: Tue, 12 Feb 2019 11:28:43 +0100
Subject: [PATCH] Add styling for badges

---
 _sass/_badges.scss    | 55 +++++++++++++++++++++++++++++++++++++++++++
 assets/css/style.scss |  1 +
 2 files changed, 56 insertions(+)
 create mode 100644 _sass/_badges.scss

diff --git a/_sass/_badges.scss b/_sass/_badges.scss
new file mode 100644
index 0000000..a3ae629
--- /dev/null
+++ b/_sass/_badges.scss
@@ -0,0 +1,55 @@
+.badge {
+    font-family: monospace;
+    border: .1em solid #000;
+    border-radius: 1.1em;
+    width: 2em;
+    height: 2em;
+    margin-bottom: -.6em;
+    margin-right: .5em;
+    overflow: hidden;
+    display: inline-block;
+    text-indent: 10em;
+    background: #ccc center center;
+    background-size: contain;
+}
+
+.badge-positive {
+    background: #4c4;
+}
+
+.badge-partial {
+    background: #fd4;
+}
+
+.badge-negative {
+    background: #f44;
+}
+
+.badge-secure-connection{
+    background-image: url(/images/badges/secure-connection.svg);
+}
+
+.badge-encrypted-data-storage{
+    background-image: url(/images/badges/encrypted-data-storage.svg);
+}
+
+.badge-zero-knowledge{
+    background-image: url(/images/badges/zero-knowledge.svg);
+}
+
+.badge-backup{
+    background-image: url(/images/badges/backup.svg);
+}
+
+.badge-logging{
+    background-image: url(/images/badges/logging.svg);
+}
+
+.badge-anonymous-access {
+    background-image: url(/images/badges/anonymous-access.svg);
+}
+
+.badge-credits {
+    color: #888;
+    font-size: .75em;
+}
diff --git a/assets/css/style.scss b/assets/css/style.scss
index c259f61..467a59c 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -300,3 +300,4 @@ table th
 // ... Otherwise it really bloats up the top of the CSS file and makes it difficult to find the start
 @import "highlights";
 @import "svg-icons";
+@import "badges";