From fc012fe68a8686d0de762cb440060c2960f844e3 Mon Sep 17 00:00:00 2001
From: Kamen Litchev <kamenlitchev@users.noreply.github.com>
Date: Tue, 29 Aug 2017 15:29:47 +0300
Subject: [PATCH] Fix stroke-width handling bug in Safari 11 (#138)

* Fix stroke-width handling bug in Safari 11

* Further fix Safari 11 SVG stroke-width issues
---
 src/less/icons.less  |  5 ++++-
 src/less/select.less |  5 ++++-
 src/less/slot.less   | 21 ++++++++++++++++-----
 3 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/src/less/icons.less b/src/less/icons.less
index 17798985..0d3cfcd3 100755
--- a/src/less/icons.less
+++ b/src/less/icons.less
@@ -60,6 +60,9 @@
 
 .summary {
   stroke: @fg;
-  stroke-width: 10;
   fill: @fg;
+
+  svg {
+    stroke-width: 10;
+  }
 }
diff --git a/src/less/select.less b/src/less/select.less
index 96f27a55..81b80a1a 100755
--- a/src/less/select.less
+++ b/src/less/select.less
@@ -88,7 +88,6 @@ select {
     cursor: pointer;
     line-height:@optionSpacing;
     color: @primary-disabled;
-    stroke-width: 0.5em;
     stroke: @primary-disabled;
 
     .no-touch &:hover {
@@ -96,6 +95,10 @@ select {
       color: @primary;
       stroke: @primary;
     }
+
+    svg {
+      stroke-width: 0.5em;
+    }
   }
 
   .lc, .c {
diff --git a/src/less/slot.less b/src/less/slot.less
index 11d17d30..3749bd06 100755
--- a/src/less/slot.less
+++ b/src/less/slot.less
@@ -13,7 +13,6 @@
   border: 1px solid @primary-disabled;
   color: @fg;
   stroke: @fg;
-  stroke-width: 20;
   fill: @fg;
 
   .details-container {
@@ -57,11 +56,13 @@
     width: 1.2em;
     color: @primary-disabled;
     stroke: @primary-disabled;
-    stroke-width: 20;
     border-right: 1px solid @primary-disabled;
     box-sizing: border-box;
     padding-top: 0.2em;
     padding-left: 0.05em;
+    svg {
+      stroke-width: 20;
+    }
   }
 
   .empty {
@@ -69,16 +70,17 @@
     font-size: 1.3em;
     color: lighten(@primary-bg, 12%);
     stroke: lighten(@primary-bg, 12%);
-    stroke-width: 20;
     text-align: center;
     letter-spacing: 0.1em;
     line-height: 1.7em;
+    svg {
+      stroke-width: 20;
+    }
   }
 
   &.selected {
     color: @primary-bg;
     stroke: @primary-bg;
-    stroke-width: 20;
     fill: @primary-bg;
     background-color: @primary;
     border: 1px solid @primary;
@@ -86,13 +88,18 @@
     .sz {
         color: @primary;
         stroke: @primary;
-        stroke-width: 20;
         background-color: @primary-bg;
         border-right: 1px solid @primary;
+        svg {
+          stroke-width: 20;
+        }
     }
     .details {
       background-color: transparent;
     }
+    svg {
+      stroke-width: 20;
+    }
   }
 
   &.eligible {
@@ -144,4 +151,8 @@
       background-color: transparent;
     }
   }
+
+  svg {
+    stroke-width: 20;
+  }
 }