From e912ed19bf4364bafd0143ecc14fbbd959e4387e Mon Sep 17 00:00:00 2001
From: Nick Litwin <nlitwin@appirio.com>
Date: Fri, 22 Apr 2016 10:22:25 -0700
Subject: [PATCH] Fix extend error and introjs button css overrides

---
 assets/css/vendors/introjs.scss | 80 ++++++++++++++++++++++++++++++---
 1 file changed, 75 insertions(+), 5 deletions(-)

diff --git a/assets/css/vendors/introjs.scss b/assets/css/vendors/introjs.scss
index 4f19ebcbe..78b9eeab7 100644
--- a/assets/css/vendors/introjs.scss
+++ b/assets/css/vendors/introjs.scss
@@ -68,19 +68,89 @@
 
 // Refactor buttons when button mixins and/or style guide is done
 .introjs-button {
-  @extend .tc-btn !optional;
-  @extend .tc-btn-s !optional;
+  height: 30px;
+  padding: 0 10px;
+  line-height: 28px;
+  border-radius: 3px;
+  border: 1px solid $primary;
+  background-color: $primary;
+  background-image : none;
+  @include font-with-weight('Sofia Pro', 500);
+  font-size: 12px;
+  font-style: normal;
+  color: $white;
+  text-transform: uppercase;
+  outline: none;
+  text-shadow: none;
+
+  &:visited {
+
+  }
+
+  &:focus {
+    border: 1px solid $primary;
+    background-image: none;
+    background-color: $primary;
+    color: $white;
+  }
+
+  &:hover {
+    background-color: $primary-dark;
+    border-color: $primary-dark;
+    color: $white;
+  }
+
+  &:active {
+    background-color: $primary-dark;
+    background-image : none;
+    border-color: $primary-dark;
+    box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.30);
+    line-height: 29px;
+  }
+
+  &:disabled {
+    opacity: .3;
+    cursor: default;
+  }
 }
 
 .introjs-skipbutton {
-  @extend .tc-btn-ghost !optional;
   float: left;
+  color: $primary;
+  background-color: $white;
+
+  &:hover {
+    color: $white;
+    border-color: $primary;
+    background-color: $primary;
+  }
+
+  &:active {
+    color: $white;
+    border-color: $primary-dark;
+    background-color: $primary-dark;
+    box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.30);
+  }
+
+  &:disabled {
+    border-color: $gray-dark;
+    color: $gray-dark;
+  }
 }
 
 
 .introjs-disabled {
-  @extend .tc-btn-s !optional;
-  @extend :disabled !optional;
+  height: 30px;
+  padding: 0 10px;
+  line-height: 28px;
+  font-size: 12px;
+  font-weight: 500;
+  opacity: .3;
+  cursor: default;
+
+  &:active {
+    line-height: 29px;
+  }
 }
 
 .introjs-prevbutton {