add border-box in ld-ring box-sizing; separate border-style from border-width in some loader shape; change build script to also build minimized version

Author: zbryikt

build

@@ -1,3 +1,4 @@
 #!/usr/bin/env bash
 mkdir -p dist
 ./node_modules/.bin/stylus < src/index.styl > dist/loading.css
+./node_modules/.bin/stylus --compress < src/index.styl > dist/loading.min.css

dist/loading.css

@@ -2939,6 +2939,7 @@
   border-width: 0.15em;
   -webkit-background-clip: padding-box;
   border-color: currentColor currentColor currentColor transparent;
+  box-sizing: border-box;
 }
 .ld-hourglass:after {
   width: 0;
@@ -2970,3 +2971,4 @@
 .ld-loader {
   background-size: cover;
 }
+

dist/loading.min.css

@@ -47,22 +47,26 @@ shapeCls = join(',',list)
   width: 0
   height: 0
   border-radius: 50%
-  border: .5em solid
+  border-style: solid
+  border-width: .5em
   -webkit-background-clip: padding-box
   border-color: currentColor currentColor currentColor transparent
 
 .ld-ring:after
   border-radius: 50%
-  border: .15em solid
+  border-style: solid
+  border-width: .15em
   -webkit-background-clip: padding-box
   border-color: currentColor currentColor currentColor transparent
+  box-sizing: border-box
 
 .ld-hourglass:after
   width: 0
   height: 0
   background: none
   border-radius: 50%
-  border: .5em solid
+  border-style: solid
+  border-width: .5em
   border-color: currentColor transparent currentColor transparent
 
 .ld-cross:after