From efd5b134a9de107ac2537d7d076ec712b79bb038 Mon Sep 17 00:00:00 2001
From: vikasrohit <vikas.agarwal@appirio.com>
Date: Tue, 12 Apr 2016 14:47:48 +0530
Subject: [PATCH] Solution for avoiding css conflicts especially with name of
 container.

---
 components/Loader/Loader.cjsx      | 4 ++--
 components/Loader/LoaderStyle.scss | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/Loader/Loader.cjsx b/components/Loader/Loader.cjsx
index ea4a674f4..a8464edef 100644
--- a/components/Loader/Loader.cjsx
+++ b/components/Loader/Loader.cjsx
@@ -6,8 +6,8 @@ React = require 'react'
 
 Loader = ->
   <div className="Loader">
-    <div className="container">
-      <div className="loader"/>
+    <div className="Loader__container">
+      <div className="Loader__loader"/>
     </div>
   </div>
 
diff --git a/components/Loader/LoaderStyle.scss b/components/Loader/LoaderStyle.scss
index db923a85e..4468d4958 100644
--- a/components/Loader/LoaderStyle.scss
+++ b/components/Loader/LoaderStyle.scss
@@ -10,14 +10,14 @@
   justify-content: center;
   align-items    : center;
 
-  .container {
+  .Loader__container {
     padding         : 25px;
     // background-color: $primary-color;
     opacity         : .98;
     border-radius   : 10px;
   }
 
-  .loader {
+  .Loader__loader {
     width: 50px;
     height: 50px;
     border-top       : 10px solid $grey-light;
@@ -30,8 +30,8 @@
     -webkit-animation: load8 .8s infinite linear;
     animation        : load8 .8s infinite linear;
   }
-  .loader,
-  .loader:after {
+  .Loader__loader,
+  .Loader__loader:after {
     border-radius: 50%;
   }