From 961dc2ef1bcc92f1924fb1fb88c74ad473fb4621 Mon Sep 17 00:00:00 2001
From: piensaenpixel <piensaenpixel@gmail.com>
Date: Tue, 9 Feb 2016 14:47:28 +0100
Subject: [PATCH 1/4] add new threePoints

---
 src/fonts/cartoIcon.eot                       | Bin 18856 -> 18856 bytes
 src/fonts/cartoIcon.ttf                       | Bin 18684 -> 18684 bytes
 src/fonts/cartoIcon.woff                      | Bin 11836 -> 11836 bytes
 src/scss/cdb-components/shapes/add.scss       |   4 ++
 .../cdb-components/shapes/threePoints.scss    |  57 +++++++++++++++++-
 5 files changed, 58 insertions(+), 3 deletions(-)

diff --git a/src/fonts/cartoIcon.eot b/src/fonts/cartoIcon.eot
index 0b83194ca36ab0569001ad8dc7307df38619af0b..28a728f668b7bb6868a5eb55ed54f0c854830ce5 100644
GIT binary patch
delta 55
zcmZ26nQ_Hr#tAme(>q-z+OK0?+Y~eL!&GUP&gt>|HeVUI8GkVV!KM2PcEae*3m7>(
E0BOM$ssI20

delta 55
zcmZ26nQ_Hr#tAme+OuOP+OK0?@N?3{4^yRMXKTmv+k9o<X8gqf1eb2cguv*{3m7>(
E0AHpQY5)KL

diff --git a/src/fonts/cartoIcon.ttf b/src/fonts/cartoIcon.ttf
index 4caa8b4d390117aeed4eb1655de4da216edbf5a4..cc04eb4e989a4c83cfa7d2cd11882b7f015d57ca 100644
GIT binary patch
delta 47
wcmew}k@3$&#tDwhYnx&wx=fXJ>6{+VZ}XLboADO|5L~*yU?+^;_=Up*0Lo(%6951J

delta 47
wcmew}k@3$&#tDwh3w}<T=rUD0cD8mrzs*+$ZpL2>Kyc}1ObCqL_=Up*0L?iP6aWAK

diff --git a/src/fonts/cartoIcon.woff b/src/fonts/cartoIcon.woff
index c80206041e67c10db007e2385d40ab6ab3b63509..8d1d6c8d8df5c64c4795d13aa825252ca29ed532 100644
GIT binary patch
delta 67
zcmV-J0KEUaT)bS6a|ts5001`ot%6*!e6}Vj&N-js`E9;3a5Me_iZEQdzhEbfepCMc
ZJ68nbA0U^5fe9oE0JDS;4YOM(;RfrE97+HH

delta 67
zcmV-J0KEUaT)bS6a|tp4001`op!t%qe6}VjF?H?n{5D@1xEX%|MHnvKj0u6!Z_59F
Z=Zawb1LSfrFo8q?h|3Oc0JB>s;RgNL9k~Di

diff --git a/src/scss/cdb-components/shapes/add.scss b/src/scss/cdb-components/shapes/add.scss
index 570d5b4..54f4c84 100644
--- a/src/scss/cdb-components/shapes/add.scss
+++ b/src/scss/cdb-components/shapes/add.scss
@@ -49,6 +49,10 @@ Description
   width: 16px;
   height: 16px;
   text-align: center;
+  &.is-medium {
+    width: 24px;
+    height: 24px;
+  }
   &:hover {
     cursor: pointer;
   }
diff --git a/src/scss/cdb-components/shapes/threePoints.scss b/src/scss/cdb-components/shapes/threePoints.scss
index 48038e3..5bb29af 100644
--- a/src/scss/cdb-components/shapes/threePoints.scss
+++ b/src/scss/cdb-components/shapes/threePoints.scss
@@ -4,6 +4,41 @@
 Description
 
 ```
+<h2>24px</h2>
+<div style="padding: 20px;">
+  <button class="CDB-Shape is-medium" style="background: rgba(0, 0, 0, .02);">
+    <div class="CDB-Shape-threePoints is-horizontal is-medium">
+      <div class="CDB-Shape-threePointsItem is-round"></div>
+      <div class="CDB-Shape-threePointsItem is-round"></div>
+      <div class="CDB-Shape-threePointsItem is-round"></div>
+    </div>
+  </button>
+</div>
+<div style="padding: 20px;">
+  <button class="CDB-Shape is-medium" style="background: rgba(0, 0, 0, .02);">
+    <div class="CDB-Shape-threePoints is-horizontal is-blue is-medium">
+      <div class="CDB-Shape-threePointsItem is-round"></div>
+      <div class="CDB-Shape-threePointsItem is-round"></div>
+      <div class="CDB-Shape-threePointsItem is-round"></div>
+    </div>
+  </button>
+</div>
+<div style="padding: 20px; background: #2E3C43;">
+  <button class="CDB-Shape is-medium" style="background: rgba(0, 0, 0, .08);">
+    <div class="CDB-Shape-threePoints is-horizontal is-white is-medium">
+      <div class="CDB-Shape-threePointsItem is-round"></div>
+      <div class="CDB-Shape-threePointsItem is-round"></div>
+      <div class="CDB-Shape-threePointsItem is-round"></div>
+    </div>
+  </button>
+</div>
+<br/>
+<br/>
+<br/>
+<br/>
+<br/>
+<br/>
+<br/>
 <h2>16px</h2>
 <div style="padding: 20px;">
   <button class="CDB-Shape" style="background: rgba(0, 0, 0, .02);">
@@ -39,7 +74,7 @@ Description
 <h2>12px</h2>
 <div style="padding: 20px;">
   <button class="CDB-Shape" style="background: rgba(0, 0, 0, .02);">
-    <div class="CDB-Shape-threePoints is-small">
+    <div class="CDB-Shape-threePoints">
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
@@ -48,7 +83,7 @@ Description
 </div>
 <div style="padding: 20px;">
   <button class="CDB-Shape" style="background: rgba(0, 0, 0, .02);">
-    <div class="CDB-Shape-threePoints is-blue is-small js-actions">
+    <div class="CDB-Shape-threePoints is-blue is-small">
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
@@ -57,7 +92,7 @@ Description
 </div>
 <div style="padding: 20px; background: #2E3C43;">
   <button class="CDB-Shape" style="background: rgba(0, 0, 0, .08);">
-    <div class="CDB-Shape-threePoints is-white is-small js-actions">
+    <div class="CDB-Shape-threePoints is-white is-small">
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
@@ -71,6 +106,9 @@ Description
 
 .CDB-Shape-threePoints {
   display: inline-block;
+  &.is-horizontal {
+    transform: rotate(90deg);
+  }
 }
 
 .CDB-Shape-threePointsItem {
@@ -78,6 +116,9 @@ Description
   height: 2px;
   margin-bottom: 5px;
   background: $cMainDark;
+  &.is-round {
+    border-radius: 50%;
+  }
   &:last-child {
     margin-bottom: 0;
   }
@@ -93,6 +134,16 @@ Description
   }
 }
 
+.CDB-Shape-threePoints.is-medium {
+  padding-top: 2px;
+
+  .CDB-Shape-threePointsItem {
+    width: 4px;
+    height: 4px;
+    margin-bottom: 3px;
+  }
+}
+
 .CDB-Shape-threePoints.is-blue {
   .CDB-Shape-threePointsItem {
     background: $cBlue;

From 3c96d80ae6cf84779fde555de049634c8b56dc00 Mon Sep 17 00:00:00 2001
From: piensaenpixel <piensaenpixel@gmail.com>
Date: Tue, 9 Feb 2016 18:04:21 +0100
Subject: [PATCH 2/4] fix cr

---
 src/fonts/cartoIcon.eot                       | Bin 18856 -> 18856 bytes
 src/fonts/cartoIcon.ttf                       | Bin 18684 -> 18684 bytes
 src/fonts/cartoIcon.woff                      | Bin 11836 -> 11836 bytes
 .../cdb-components/shapes/threePoints.scss    |  52 ++++++++----------
 4 files changed, 23 insertions(+), 29 deletions(-)

diff --git a/src/fonts/cartoIcon.eot b/src/fonts/cartoIcon.eot
index 28a728f668b7bb6868a5eb55ed54f0c854830ce5..747a5fe1b302f08e75e3b48b167411c202181101 100644
GIT binary patch
delta 54
zcmZ26nQ_Hr#tAmeo0mFIv|rEk#c$$=snX6%H^=kad}ZKf{KWtSm+s%(1fw@EVC3)s
E0Bn~QGXMYp

delta 54
zcmZ26nQ_Hr#tAme(>q-z+OKD7ikbLfs<cbz^mu-ouMFIbzZihv()|THVf5w&j2s>S
DNjen$

diff --git a/src/fonts/cartoIcon.ttf b/src/fonts/cartoIcon.ttf
index cc04eb4e989a4c83cfa7d2cd11882b7f015d57ca..0860a3508a4adce11074a3e92223e532f9f2b3c7 100644
GIT binary patch
delta 46
vcmew}k@3$&#tBYLU;HMzOqF(Cx;dWT<|_j?<1YpvxOD&KCK$c(3x@{)#gY?c

delta 46
vcmew}k@3$&#tBYLO)(Q)rb@eXPLJoe`O3h}_=^DuF5O?S6Gm_R!r=h`ti=*$

diff --git a/src/fonts/cartoIcon.woff b/src/fonts/cartoIcon.woff
index 8d1d6c8d8df5c64c4795d13aa825252ca29ed532..fc3a8b4ee530a74a8bf7d7a52b8dbb02542c1ca8 100644
GIT binary patch
delta 60
zcmV-C0K@;hT)bS6dII!Lv3#~BDNddI@%%Pl8MqmL0Yw-t-M_gBM!zZl|D7v>@eh#8
S!N3F(1pu3M52>?TC*cNj^c%ha

delta 60
zcmV-C0K@;hT)bS6dIEx6v3#~BDb6{c<N0mAGH^5g0*WwPy1!s2jDA!8|2tO%;~yZG
SgMkSo3IMZ&5Dl|iC*cNSyc#(G

diff --git a/src/scss/cdb-components/shapes/threePoints.scss b/src/scss/cdb-components/shapes/threePoints.scss
index 5bb29af..fe268d6 100644
--- a/src/scss/cdb-components/shapes/threePoints.scss
+++ b/src/scss/cdb-components/shapes/threePoints.scss
@@ -106,9 +106,9 @@ Description
 
 .CDB-Shape-threePoints {
   display: inline-block;
-  &.is-horizontal {
-    transform: rotate(90deg);
-  }
+}
+.CDB-Shape-threePoints.is-horizontal {
+  transform: rotate(90deg);
 }
 
 .CDB-Shape-threePointsItem {
@@ -116,42 +116,36 @@ Description
   height: 2px;
   margin-bottom: 5px;
   background: $cMainDark;
-  &.is-round {
-    border-radius: 50%;
-  }
-  &:last-child {
-    margin-bottom: 0;
-  }
+}
+.CDB-Shape-threePointsItem.is-round {
+  border-radius: 50%;
+}
+.CDB-Shape-threePointsItem:last-child {
+  margin-bottom: 0;
 }
 
 .CDB-Shape-threePoints.is-small {
   padding-top: 2px;
-
-  .CDB-Shape-threePointsItem {
-    width: 2px;
-    height: 2px;
-    margin-bottom: 3px;
-  }
+}
+.CDB-Shape-threePoints.is-small .CDB-Shape-threePointsItem {
+  width: 2px;
+  height: 2px;
+  margin-bottom: 3px;
 }
 
 .CDB-Shape-threePoints.is-medium {
   padding-top: 2px;
-
-  .CDB-Shape-threePointsItem {
-    width: 4px;
-    height: 4px;
-    margin-bottom: 3px;
-  }
+}
+.CDB-Shape-threePoints.is-medium  .CDB-Shape-threePointsItem {
+  width: 4px;
+  height: 4px;
+  margin-bottom: 3px;
 }
 
-.CDB-Shape-threePoints.is-blue {
-  .CDB-Shape-threePointsItem {
-    background: $cBlue;
-  }
+.CDB-Shape-threePoints.is-blue .CDB-Shape-threePointsItem {
+  background: $cBlue;
 }
 
-.CDB-Shape-threePoints.is-white {
-  .CDB-Shape-threePointsItem {
-    background: $cWhite;
-  }
+.CDB-Shape-threePoints.is-white .CDB-Shape-threePointsItem {
+  background: $cWhite;
 }

From 25ea770c26f6205b248c55c56f14d7c535cc7d8e Mon Sep 17 00:00:00 2001
From: piensaenpixel <piensaenpixel@gmail.com>
Date: Tue, 9 Feb 2016 18:19:06 +0100
Subject: [PATCH 3/4] fix nesting

---
 src/fonts/cartoIcon.eot                 | Bin 18856 -> 18856 bytes
 src/fonts/cartoIcon.ttf                 | Bin 18684 -> 18684 bytes
 src/fonts/cartoIcon.woff                | Bin 11836 -> 11836 bytes
 src/scss/cdb-components/shapes/add.scss |  15 ++++++++-------
 4 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/fonts/cartoIcon.eot b/src/fonts/cartoIcon.eot
index 747a5fe1b302f08e75e3b48b167411c202181101..355a86bcd8465e0e4a7a36d670fd515b2103e0a8 100644
GIT binary patch
delta 52
zcmZ26nQ_Hr#tAk|=ci1x+raeaz{C&Jq^6vY=ePOFz|HuJ0SGSLzxx_SZ(hL2;Q;_+
CwHCGj

delta 52
zcmZ26nQ_Hr#tAk|o0m?s+rae2Z{mk(QcE|-^V@u7;AZ^A00fur-`oVFH!oo1@Bjcx
CmKCf3

diff --git a/src/fonts/cartoIcon.ttf b/src/fonts/cartoIcon.ttf
index 0860a3508a4adce11074a3e92223e532f9f2b3c7..53a07ce2e0fa51d8706ab74d951cc7344b00f9db 100644
GIT binary patch
delta 45
ucmew}k@3$&#tBYLe-2D^nI<*md_2F+R|amzUkpHS>Hgi<FnZ$`4i5m#^b{cg

delta 45
ucmew}k@3$&#tBYLU;HMzOp{u=IiBC<D+4#<F9smEbpPfi7`^cehX(+*z7rw<

diff --git a/src/fonts/cartoIcon.woff b/src/fonts/cartoIcon.woff
index fc3a8b4ee530a74a8bf7d7a52b8dbb02542c1ca8..cd45a0d44604e77d937a79aa9f1fe6d5c1f5024b 100644
GIT binary patch
delta 59
zcmV-B0L1^iT)bS6dIJ2wv3$2CC>7fA{5D@1xEX%|MHnvKzxx_SzbXI!ohyRz50J~j
RzyuNn0H`|<F0)%F;Ras!8tec7

delta 59
zcmV-B0L1^iT)bS6dII!Lv3$2CD4qQA{5D@1xEX%|MHnvKzqtuUzbXI!ohyRz50J~j
RzyuNn0Go9Wsk2)r;Ratp8*l&s

diff --git a/src/scss/cdb-components/shapes/add.scss b/src/scss/cdb-components/shapes/add.scss
index 54f4c84..a2e80b5 100644
--- a/src/scss/cdb-components/shapes/add.scss
+++ b/src/scss/cdb-components/shapes/add.scss
@@ -49,14 +49,15 @@ Description
   width: 16px;
   height: 16px;
   text-align: center;
-  &.is-medium {
-    width: 24px;
-    height: 24px;
-  }
-  &:hover {
-    cursor: pointer;
-  }
 }
+.CDB-Shape .is-medium {
+  width: 24px;
+  height: 24px;
+}
+.CDB-Shape:hover {
+  cursor: pointer;
+}
+
 
 .CDB-Shape-add {
   position: relative;

From 2c15096d6982d1324038c637c0e79887398eafe8 Mon Sep 17 00:00:00 2001
From: piensaenpixel <piensaenpixel@gmail.com>
Date: Tue, 9 Feb 2016 18:22:23 +0100
Subject: [PATCH 4/4] fix cr

---
 src/scss/cdb-components/shapes/add.scss         | 2 +-
 src/scss/cdb-components/shapes/threePoints.scss | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/scss/cdb-components/shapes/add.scss b/src/scss/cdb-components/shapes/add.scss
index a2e80b5..ac5616b 100644
--- a/src/scss/cdb-components/shapes/add.scss
+++ b/src/scss/cdb-components/shapes/add.scss
@@ -50,7 +50,7 @@ Description
   height: 16px;
   text-align: center;
 }
-.CDB-Shape .is-medium {
+.CDB-Shape--medium {
   width: 24px;
   height: 24px;
 }
diff --git a/src/scss/cdb-components/shapes/threePoints.scss b/src/scss/cdb-components/shapes/threePoints.scss
index fe268d6..2eecdf4 100644
--- a/src/scss/cdb-components/shapes/threePoints.scss
+++ b/src/scss/cdb-components/shapes/threePoints.scss
@@ -6,7 +6,7 @@ Description
 ```
 <h2>24px</h2>
 <div style="padding: 20px;">
-  <button class="CDB-Shape is-medium" style="background: rgba(0, 0, 0, .02);">
+  <button class="CDB-Shape CDB-Shape--medium" style="background: rgba(0, 0, 0, .02);">
     <div class="CDB-Shape-threePoints is-horizontal is-medium">
       <div class="CDB-Shape-threePointsItem is-round"></div>
       <div class="CDB-Shape-threePointsItem is-round"></div>
@@ -15,7 +15,7 @@ Description
   </button>
 </div>
 <div style="padding: 20px;">
-  <button class="CDB-Shape is-medium" style="background: rgba(0, 0, 0, .02);">
+  <button class="CDB-Shape CDB-Shape--medium" style="background: rgba(0, 0, 0, .02);">
     <div class="CDB-Shape-threePoints is-horizontal is-blue is-medium">
       <div class="CDB-Shape-threePointsItem is-round"></div>
       <div class="CDB-Shape-threePointsItem is-round"></div>
@@ -24,7 +24,7 @@ Description
   </button>
 </div>
 <div style="padding: 20px; background: #2E3C43;">
-  <button class="CDB-Shape is-medium" style="background: rgba(0, 0, 0, .08);">
+  <button class="CDB-Shape CDB-Shape--medium" style="background: rgba(0, 0, 0, .08);">
     <div class="CDB-Shape-threePoints is-horizontal is-white is-medium">
       <div class="CDB-Shape-threePointsItem is-round"></div>
       <div class="CDB-Shape-threePointsItem is-round"></div>