Fix #33 with padding instead box-shadow

kbrsh · Dec 27, 2016 · 2871d42 · 2871d42
1 parent 9e2da6e
commit 2871d42
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 13 deletions.
diff --git a/dist/wing.css b/dist/wing.css
@@ -277,24 +277,26 @@ h6 {
 
 /* Button Outline */
 
-.btn-outline {
-  box-shadow: inset 0 0 0 3px #fff;
-  color: #fff;
+.btn-outline, .btn-outline-inverted {
+  padding: 9px 9px;
   background: transparent;
   transition: all 0.5s ease;
 }
 
+.btn-outline {
+  border: 3px solid #fff;
+  color: #fff;
+}
+
 .btn-outline:hover,
 .btn-outline:active {
   color: #000;
   background: #fff;
 }
 
 .btn-outline-inverted {
-  box-shadow: inset 0 0 0 3px #000;
+  border: 3px solid #000;
   color: #000;
-  background: transparent;
-  transition: all 0.5s ease;
 }
 
 .btn-outline-inverted:hover,

diff --git a/dist/wing.min.css b/dist/wing.min.css
diff --git a/src/buttons.css b/src/buttons.css
@@ -50,24 +50,26 @@
 
 /* Button Outline */
 
-.btn-outline {
-  box-shadow: inset 0 0 0 3px #fff;
-  color: #fff;
+.btn-outline, .btn-outline-inverted {
+  padding: 9px 9px;
   background: transparent;
   transition: all 0.5s ease;
 }
 
+.btn-outline {
+  border: 3px solid #fff;
+  color: #fff;
+}
+
 .btn-outline:hover,
 .btn-outline:active {
   color: #000;
   background: #fff;
 }
 
 .btn-outline-inverted {
-  box-shadow: inset 0 0 0 3px #000;
+  border: 3px solid #000;
   color: #000;
-  background: transparent;
-  transition: all 0.5s ease;
 }
 
 .btn-outline-inverted:hover,