From 2d404429eff5a2d8496d3a51a6c6e1ef1872d50e Mon Sep 17 00:00:00 2001
From: saleiva <saleiva@gmail.com>
Date: Thu, 4 Feb 2016 18:39:23 +0100
Subject: [PATCH] Changing Threepoints usage markup to Button instead of div.

---
 .../cdb-components/shapes/threePoints.scss    | 25 +++++++++----------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/src/scss/cdb-components/shapes/threePoints.scss b/src/scss/cdb-components/shapes/threePoints.scss
index 36bb47c..a2e2c41 100644
--- a/src/scss/cdb-components/shapes/threePoints.scss
+++ b/src/scss/cdb-components/shapes/threePoints.scss
@@ -7,29 +7,29 @@ Description
 <h2>16px</h2>
 <div style="padding: 20px;">
   <div class="CDB-Shape" style="background: rgba(0, 0, 0, .02);">
-    <div class="CDB-Shape-threePoints">
+    <button class="CDB-Shape-threePoints js-actions">
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
-    </div>
+    </button>
   </div>
 </div>
 <div style="padding: 20px;">
   <div class="CDB-Shape" style="background: rgba(0, 0, 0, .02);">
-    <div class="CDB-Shape-threePoints is-blue">
+    <button class="CDB-Shape-threePoints is-blue js-actions">
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
-    </div>
+    </button>
   </div>
 </div>
 <div style="padding: 20px; background: #2E3C43;">
   <div class="CDB-Shape" style="background: rgba(0, 0, 0, .08);">
-    <div class="CDB-Shape-threePoints is-white">
+    <button class="CDB-Shape-threePoints is-white js-actions">
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
-    </div>
+    </button>
   </div>
 </div>
 <br>
@@ -39,29 +39,29 @@ Description
 <h2>12px</h2>
 <div style="padding: 20px;">
   <div class="CDB-Shape" style="background: rgba(0, 0, 0, .02);">
-    <div class="CDB-Shape-threePoints is-small">
+    <button class="CDB-Shape-threePoints is-small js-actions">
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
-    </div>
+    </button>
   </div>
 </div>
 <div style="padding: 20px;">
   <div class="CDB-Shape" style="background: rgba(0, 0, 0, .02);">
-    <div class="CDB-Shape-threePoints is-blue is-small">
+    <button class="CDB-Shape-threePoints is-blue is-small js-actions">
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
-    </div>
+    </button>
   </div>
 </div>
 <div style="padding: 20px; background: #2E3C43;">
   <div class="CDB-Shape" style="background: rgba(0, 0, 0, .08);">
-    <div class="CDB-Shape-threePoints is-white is-small">
+    <button class="CDB-Shape-threePoints is-white is-small js-actions">
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
-    </div>
+    </button>
   </div>
 </div>
 ```
@@ -104,4 +104,3 @@ Description
     background: $cWhite;
   }
 }
-