From 26fd48dc7ac32b7162407b58215add9c0e19bb80 Mon Sep 17 00:00:00 2001
From: Vandish Gandhi <vandish.gandhi@adslot.com>
Date: Mon, 8 Apr 2019 09:41:53 +1000
Subject: [PATCH] chore: update classname convention

---
 CONTRIBUTING.md                | 4 ++++
 component-template/index.jsx   | 2 +-
 component-template/styles.scss | 2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index d808a5c55..b65f43b9d 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -24,6 +24,10 @@ Our commit message follows the conventional commit standard.
 
 See https://github.com/marionebl/commitlint/tree/master/@commitlint/config-conventional for details.
 
+## Classname conventions
+
+Component classnames should be prefixed with namespace `aui--`. For example, `aui--my-component`.
+
 ## Releasing
 
 See [Release](RELEASE.md).
diff --git a/component-template/index.jsx b/component-template/index.jsx
index d23085eca..df05f0884 100644
--- a/component-template/index.jsx
+++ b/component-template/index.jsx
@@ -11,7 +11,7 @@ import './styles.scss';
 // Stateless Pure Component (preferred)
 class xxx extends React.PureComponent {
   render() {
-    return (<div className="x-x-x">
+    return (<div className="aui--x-x-x">
       {'// Your component here :)'}
     </div>);
   }
diff --git a/component-template/styles.scss b/component-template/styles.scss
index 49c030b1b..e10c85b32 100644
--- a/component-template/styles.scss
+++ b/component-template/styles.scss
@@ -1,3 +1,3 @@
-.x-x-x {
+.aui--x-x-x {
 
 }