From 4cf2cd6d6729c286a6cc0084352ea9d7dcaffb12 Mon Sep 17 00:00:00 2001
From: Joerg Schneider <joerg.schneider@z-lab.com>
Date: Thu, 9 May 2019 16:26:48 +0200
Subject: [PATCH] fix(checkbox): fix IE9 layout

---
 src/elements/checkbox/_checkbox.scss | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/elements/checkbox/_checkbox.scss b/src/elements/checkbox/_checkbox.scss
index 2eefc2e..199f2df 100644
--- a/src/elements/checkbox/_checkbox.scss
+++ b/src/elements/checkbox/_checkbox.scss
@@ -8,6 +8,7 @@
   // get our borderwidth in rems
   $borderWidth: (2 / (2 * 0 + 1) / $baseFont) * 1rem;
   $boxSize: $base/1.7;
+
   .#{$prefix}checkbox {
     .#{$prefix}checkbox__label {
       cursor: pointer;
@@ -28,6 +29,8 @@
         position: absolute;
         top: $base/4.75;
         left: 0;
+        right: 0;
+        bottom: 0;
         width: $boxSize;
         height: $boxSize;
         border-radius: 0;
@@ -57,9 +60,14 @@
       @include themify($themes) {
         &:checked + .#{$prefix}checkbox__label:before {
           content: '\2713';
+          position: absolute;
+          top: $base/4.75;
+          left: 0;
+          right: 0;
+          bottom: 0;
           display: inline-block;
           background: map-get($colormap-base, white);
-          line-height: $boxSize + $borderWidth;
+          line-height: 1; //$boxSize + $borderWidth;
           font-size: 1.125rem;
           text-align: center;
           transform: scale(1);