From ca8c4a6d1079ada945dedc4f9cd6c0b0bb404799 Mon Sep 17 00:00:00 2001
From: ablwr <ashley.blewer@gmail.com>
Date: Fri, 20 Mar 2015 22:09:13 -0400
Subject: [PATCH] fancy buttons with icons

---
 css/css.css | 37 ++++++++++++++++++++++++++++++++++++-
 1 file changed, 36 insertions(+), 1 deletion(-)

diff --git a/css/css.css b/css/css.css
index 2c225f5..bc31daf 100644
--- a/css/css.css
+++ b/css/css.css
@@ -1,3 +1,38 @@
 span .btn {
-  margin: 2px;
+  margin: 6px;
+}
+
+/* Bubble Float Top */
+span .btn {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  -moz-osx-font-smoothing: grayscale;
+  position: relative;
+  padding-right: 2.5em;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+}
+span .btn:before {
+  content: "\f1c8";
+  position: absolute;
+  right: 1em;
+  padding: 0 1px;
+  font-family: FontAwesome;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+span .btn:hover:before, span .btn:focus:before, span .btn:active:before {
+  -webkit-transform: scale(1.3) translateZ(0);
+  transform: scale(1.3) translateZ(0);
 }
\ No newline at end of file