From 7ef172df57965fb5542239bf7a579f2db2c11d15 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Sun, 2 Jul 2017 15:14:53 -0700
Subject: [PATCH] update to less syntax

---
 docs/assets/less/buttons.less | 36 ++++++++++++++++++-----------------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/docs/assets/less/buttons.less b/docs/assets/less/buttons.less
index c90cefe376..0d27a97873 100644
--- a/docs/assets/less/buttons.less
+++ b/docs/assets/less/buttons.less
@@ -1,28 +1,30 @@
-/* Outline button for use within the docs */
+// Outline button for use within the docs
 .btn-outline {
   color: #563d7c;
   background-color: transparent;
   border-color: #563d7c;
-}
-.btn-outline:hover,
-.btn-outline:focus,
-.btn-outline:active {
-  color: #fff;
-  background-color: #563d7c;
-  border-color: #563d7c;
+
+  &:hover,
+  &:focus,
+  &:active {
+    color: #fff;
+    background-color: #563d7c;
+    border-color: #563d7c;
+  }
 }
 
-/* Inverted outline button (white on dark) */
+// Inverted outline button (white on dark)
 .btn-outline-inverse {
   color: #fff;
   background-color: transparent;
   border-color: #cdbfe3;
-}
-.btn-outline-inverse:hover,
-.btn-outline-inverse:focus,
-.btn-outline-inverse:active {
-  color: #563d7c;
-  text-shadow: none;
-  background-color: #fff;
-  border-color: #fff;
+
+  &:hover,
+  &:focus,
+  &:active {
+    color: #563d7c;
+    text-shadow: none;
+    background-color: #fff;
+    border-color: #fff;
+  }
 }