From 83bc63b8a6bcaa842e177ae2e8e70d044bc53e06 Mon Sep 17 00:00:00 2001
From: Owen Versteeg <owen.versteeg@live.com>
Date: Sun, 8 Dec 2013 16:40:46 -0500
Subject: [PATCH] Create buttons.less

---
 less/buttons.less | 53 +++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 53 insertions(+)
 create mode 100644 less/buttons.less

diff --git a/less/buttons.less b/less/buttons.less
new file mode 100644
index 0000000..d217b0e
--- /dev/null
+++ b/less/buttons.less
@@ -0,0 +1,53 @@
+@btn-a-bg: #0AE;
+@btn-b-bg: #3C5;
+@btn-c-bg: #D33;
+
+i, button {
+	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
+}
+
+button {
+	background: #aaa;
+	box-shadow: 3px 3px 0 black;
+	color: rgb(243, 243, 243) !important;
+	font-size: 2.5em;
+	padding: 15px 40px 16px;
+	text-decoration: none;
+	margin: .3em .7em .3em .7em;
+	cursor: pointer;
+	border: none;
+	&.smooth {
+		transition: background .15s ease-in-out;
+	}
+	&.btn-a { 
+		background: @btn-a-bg;
+		&:hover {
+			background: darken(@btn-a-bg, 5%);
+		}
+		&:active {
+			background: darken(@btn-a-bg, 10%);
+		}
+	}
+	&.btn-b {
+		background: @btn-b-bg;
+		&:hover {
+			background: darken(@btn-b-bg, 5%);
+		}
+		&:active {
+			background: darken(@btn-b-bg, 10%);
+		}
+	}
+	&.btn-c {
+		background: @btn-c-bg;
+		&:hover {
+			background: darken(@btn-c-bg, 5%);
+		}
+		&:active {
+			background: darken(@btn-c-bg, 10%);
+		}
+	}
+	&.btn-small {
+		padding: 7px 19px 10px;
+		font-size: 16px;
+	}
+}