From df0cdc051e74dfa3b8e9cdf20872b4a5b0319e32 Mon Sep 17 00:00:00 2001
From: Felix Hamann <felix.hamann@campus.lmu.de>
Date: Mon, 4 Feb 2019 21:06:00 +0100
Subject: [PATCH] checkboxes with checkmarks

---
 templates/standalone/inputs.lucius | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/templates/standalone/inputs.lucius b/templates/standalone/inputs.lucius
index 1d902c208..e8389bf4a 100644
--- a/templates/standalone/inputs.lucius
+++ b/templates/standalone/inputs.lucius
@@ -244,39 +244,39 @@ input[type="checkbox"]:checked::after {
   label::after {
     content: '';
     position: absolute;
-    top: 11px;
-    left: 3px;
     display: block;
-    width: 18px;
+    top: 12px;
+    left: 8px;
     height: 2px;
+    width: 8px;
     background-color: var(--color-font);
     transition: all .2s;
-    transform: scale(0.5, 0.1);
+    opacity: 0.2;
   }
 
   :checked + label {
     background-color: var(--color-primary);
-    text-decoration: underline;
+  }
+
+  :checked + label::before,
+  :checked + label::after {
+    opacity: 1;
   }
 
   :checked + label::before {
     background-color: white;
-    transform: scale(1, 1) rotate(45deg);
+    transform: rotate(45deg);
+    left: 4px;
   }
 
   :checked + label::after {
     background-color: white;
-    transform: scale(1, 1) rotate(-45deg);
+    transform: rotate(-45deg);
+    top: 11px;
+    width: 13px;
   }
 }
 
-.radio label::before {
-  transform: scale(0.01, 0.01) rotate(45deg);
-}
-.radio label::after {
-  transform: scale(0.01, 0.01) rotate(-45deg);
-}
-
 .radio::before {
   content: '';
   position: absolute;