From ef189e8190259317ac5f084118132278047e89bb Mon Sep 17 00:00:00 2001
From: bagusflyer <bagusflyer@gmail.com>
Date: Sat, 16 Jan 2016 09:30:18 +0800
Subject: [PATCH] Create _index.scss

Add scss file
---
 _index.scss | 88 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 88 insertions(+)
 create mode 100644 _index.scss

diff --git a/_index.scss b/_index.scss
new file mode 100644
index 0000000..c2a5bf8
--- /dev/null
+++ b/_index.scss
@@ -0,0 +1,88 @@
+.btn-outline {
+
+	background: none;
+	//border-width:  2px;
+	border-color: transparent;
+	font-weight: 400;
+
+	&:hover {
+		background: none;
+		border-color: transparent;
+	}
+
+	&.btn-white {
+		box-shadow: 0 0 0 2px rgba(255,255,255, 0.8) inset;
+		color: rgba(255,255,255, 0.8);
+
+		&:hover {
+			box-shadow: 0 0 0 2px rgba(255,255,255, 1) inset;
+			color: rgba(255,255,255, 1);
+		}
+
+	}
+
+	&.btn-primary {
+
+		box-shadow: 0 0 0 2px darken($brand-primary, 10%) inset;
+		color: darken($brand-primary, 10%);
+
+		&:hover {
+			box-shadow: 0 0 0 2px $brand-primary inset;
+			color: $brand-primary;
+		}
+
+	}
+
+	&.btn-success {
+
+		box-shadow: 0 0 0 2px darken($brand-success, 10%) inset;
+		color: darken($brand-success, 10%);
+
+		&:hover {
+			box-shadow: 0 0 0 2px $brand-success inset;
+			color: $brand-success;
+		}
+
+	}
+
+	&.btn-info {
+
+		box-shadow: 0 0 0 2px darken($brand-info, 10%) inset;
+		color: darken($brand-info, 10%);
+
+		&:hover {
+			box-shadow: 0 0 0 2px $brand-info inset;
+			color: $brand-info;
+		}
+
+	}
+
+	&.btn-warning {
+
+		box-shadow: 0 0 0 2px darken($brand-warning, 10%) inset;
+		color: darken($brand-warning, 10%);
+
+		&:hover {
+			box-shadow: 0 0 0 2px $brand-warning inset;
+			color: $brand-warning;
+		}
+
+	}
+
+	&.btn-danger {
+
+		box-shadow: 0 0 0 2px darken($brand-danger, 10%) inset;
+		color: darken($brand-danger, 10%);
+
+		&:hover {
+			box-shadow: 0 0 0 2px $brand-danger inset;
+			color: $brand-danger;
+		}
+
+	}
+
+}
+
+.btn-rounded {
+	border-radius: 50px;
+}