tweak loader position, and support custom loader better with inner element

Author: zbryikt

dist/ldbtn.css

@@ -21,12 +21,29 @@
   position: absolute;
   top: 50%;
   left: 50%;
+  width: 1em;
+  height: 1em;
   margin: -0.5em;
   opacity: 0;
   z-index: -1;
   transition: all 0.3s;
   transition-timing-function: ease-in;
 }
+.ld-ext-right > .ld > *,
+.ld-ext-left > .ld > *,
+.ld-ext-bottom > .ld > *,
+.ld-ext-top > .ld > *,
+.ld-over > .ld > *,
+.ld-over-inverse > .ld > *,
+.ld-over-full > .ld > *,
+.ld-over-full-inverse > .ld > * {
+  width: 1em;
+  height: 1em;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-0.5em, -0.5em);
+}
 .ld-ext-right.running > .ld,
 .ld-ext-left.running > .ld,
 .ld-ext-bottom.running > .ld,
@@ -45,31 +62,31 @@
 .ld-ext-right > .ld {
   top: 50%;
   left: auto;
-  right: 1em;
+  right: 1.25em;
 }
 .ld-ext-left.running {
   padding-left: 2.5em !important;
 }
 .ld-ext-left > .ld {
   top: 50%;
   right: auto;
-  left: 1em;
+  left: 1.25em;
 }
 .ld-ext-bottom.running {
   padding-bottom: 2.5em !important;
 }
 .ld-ext-bottom > .ld {
   top: auto;
   left: 50%;
-  bottom: 1em;
+  bottom: 1.25em;
 }
 .ld-ext-top.running {
   padding-top: 2.5em !important;
 }
 .ld-ext-top > .ld {
   bottom: auto;
   left: 50%;
-  top: 1em;
+  top: 1.25em;
 }
 .ld-over:before,
 .ld-over-inverse:before,

dist/ldbtn.min.css

@@ -3,8 +3,8 @@
   "name": "ldbutton",
   "license": "MIT",
   "description": "css for buttons that load",
-  "version": "1.0.0",
-  "homepage": "https://github.com/loadingio/ldbutton",
+  "version": "1.0.1",
+  "homepage": "https://loading.io/button/",
   "repository": {
     "type": "git",
     "url": "https://github.com/loadingio/ldbutton"

package.json

@@ -6,11 +6,20 @@
     position: absolute
     top: 50%
     left: 50%
+    width: 1em
+    height: 1em
     margin: -.5em
     opacity: 0
     z-index: -1
     transition: all .3s
     transition-timing-function: ease-in
+    & > *
+      width: 1em
+      height: 1em
+      position: absolute
+      top: 50%
+      left: 50%
+      transform: translate(-.5em,-.5em)
   &.running > .ld
     opacity: 1
     z-index: auto
@@ -21,28 +30,28 @@
 .ld-ext-right > .ld
   top: 50%
   left: auto
-  right: 1em
+  right: 1.25em
 
 .ld-ext-left.running
   padding-left: 2.5em!important
 .ld-ext-left > .ld
   top: 50%
   right: auto
-  left: 1em
+  left: 1.25em
 
 .ld-ext-bottom.running
   padding-bottom: 2.5em!important
 .ld-ext-bottom > .ld
   top: auto
   left: 50%
-  bottom: 1em
+  bottom: 1.25em
 
 .ld-ext-top.running
   padding-top: 2.5em!important
 .ld-ext-top > .ld
   bottom: auto
   left: 50%
-  top: 1em
+  top: 1.25em
 
 .ld-over, .ld-over-inverse, .ld-over-full, .ld-over-full-inverse
   &:before