From 035084a33c36ab29a34732eda5c46dcffc1ef880 Mon Sep 17 00:00:00 2001
From: Adrian Lee <adrianlee44@gmail.com>
Date: Fri, 9 May 2014 07:52:12 -0700
Subject: [PATCH] refactor(macTagAutocomplete): Namespacing tag autocomplete
 css classes

BREAKING CHANGE: For people using custom css for MacGyver, class names for mac-tag-autocomplete are now namespaced with `mac-`
---
 src/css/tag_autocomplete.styl      | 10 +++++-----
 src/template/tag_autocomplete.jade |  8 ++++----
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/css/tag_autocomplete.styl b/src/css/tag_autocomplete.styl
index 0a74fe0..08e7888 100644
--- a/src/css/tag_autocomplete.styl
+++ b/src/css/tag_autocomplete.styl
@@ -6,11 +6,11 @@
   margin     0
   padding    0
 
-  .tag-list
+  .mac-tag-list
     margin       0px
     padding-left 0px
 
-    .tag
+    .mac-tag
       padding       3px 20px 3px 5px
       margin        3px
       position      relative
@@ -20,7 +20,7 @@
       line-height   13px
       border-radius 3px
 
-      &.label
+      &.mac-label
         background  linear-gradient(top,#eaf0ff,#dee8ff)
         border      1px solid #bfc9e1
         text-shadow none
@@ -28,13 +28,13 @@
         font-weight normal
         box-shadow  0px 0px 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05)
 
-      .tag-close
+      .mac-tag-close
         position absolute
         right    6px
         color    #9da6b7
         cursor   pointer
 
-      &.input-tag
+      &.mac-input-tag
         white-space nowrap
         padding     0
 
diff --git a/src/template/tag_autocomplete.jade b/src/template/tag_autocomplete.jade
index 1745998..9913c9c 100644
--- a/src/template/tag_autocomplete.jade
+++ b/src/template/tag_autocomplete.jade
@@ -1,9 +1,9 @@
 .mac-tag-autocomplete(ng-click="focusTextInput()")
-  ul.tag-list
-    li.tag.label(ng-repeat="tag in selected")
-      .tag-close(ng-click="selected.splice($index, 1)") &times;
+  ul.mac-tag-list
+    li.mac-tag.mac-label(ng-repeat="tag in selected")
+      .mac-tag-close(ng-click="selected.splice($index, 1)") &times;
       span.tag-label {{getTagLabel(tag)}}
-    li.tag.input-tag(ng-class="{'fullwidth': !selected.length}")
+    li.mac-tag.mac-input-tag(ng-class="{'fullwidth': !selected.length}")
       mac-autocomplete.text-input.mac-autocomplete(
         ng-model                    = "textInput"
         mac-autocomplete-disabled   = "disabled"