Merge pull request #72 from CartoDB/menu-bar

Menu bar
2016-02-22 17:12:50 +01:00 · 2016-02-22 17:12:50 +01:00 · 0c025acd65
commit 0c025acd65
parent 1d207bdf5c 73a3675b5f
11 changed files with 397 additions and 177 deletions
--- a/icon-font/font.sketch
+++ b/icon-font/font.sketch
--- a/icon-font/svgs/icon-font_104_Edition.svg
+++ b/icon-font/svgs/icon-font_104_Edition.svg
@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="500px" height="333px" viewBox="0 0 500 333" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.5.1 (25234) - http://www.bohemiancoding.com/sketch -->
+    <title>icon-font_104_Edition</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="Artboard-1" sketch:type="MSArtboardGroup" transform="translate(-8000.000000, -10082.000000)" fill="#000000">
+            <g id="icon-font_104_Edition" sketch:type="MSLayerGroup" transform="translate(8000.000000, 10082.000000)">
+                <path d="M458.333333,62.4332457 L458.333333,41.4985518 C458.333333,18.615799 439.761032,0 416.850938,0 L41.4823958,0 C18.5348739,0 0,18.5795345 0,41.4985518 L0,291.478759 C0,314.361512 18.5723012,332.977311 41.4823958,332.977311 L323.008802,332.977311 L229.166667,332.977311 L229.166667,312.166229 L41.4823958,312.166229 C30.1003709,312.166229 20.8333333,302.889986 20.8333333,291.478759 L20.8333333,41.4985518 C20.8333333,30.0505525 30.0634509,20.8110819 41.4823958,20.8110819 L416.850938,20.8110819 C428.232962,20.8110819 437.5,30.0873246 437.5,41.4985518 L437.5,62.4332457 L458.333333,62.4332457 Z" id="Shape" sketch:type="MSShapeGroup"></path>
+                <path d="M497.385308,183.623975 L454.059573,138.92734 C450.680166,135.441002 445.186463,135.441002 441.807056,138.92734 L329.160145,255.138592 C328.172318,256.157676 327.565758,257.373424 327.149831,258.660687 C327.11517,258.785838 326.993858,258.875231 326.959198,259.01826 L309.628904,321.59355 C308.762389,324.704436 309.611573,328.065623 311.829851,330.37197 C313.476229,332.070442 315.677176,332.982253 317.947445,332.982253 C318.744638,332.982253 319.541832,332.874981 320.321695,332.642559 L380.977724,314.763904 C381.099036,314.728147 381.185687,314.602997 381.32433,314.567239 C382.572111,314.138152 383.750571,313.512399 384.738398,312.493315 L497.385308,196.282063 C500.764716,192.777846 500.764716,187.128192 497.385308,183.623975 L497.385308,183.623975 Z M378.603474,293.524063 L347.530257,261.467636 L413.264062,193.6539 L444.337279,225.710328 L378.603474,293.524063 L378.603474,293.524063 Z M339.558321,278.523872 L362.070373,301.748244 L330.563899,311.027266 L339.558321,278.523872 L339.558321,278.523872 Z M456.589796,213.070119 L425.516579,181.013692 L447.924649,157.896592 L478.997866,189.953019 L456.589796,213.070119 L456.589796,213.070119 Z" id="Shape" sketch:type="MSShapeGroup"></path>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/icon-font/svgs/icon-font_105_View.svg
+++ b/icon-font/svgs/icon-font_105_View.svg
@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="500px" height="309px" viewBox="0 0 500 309" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.5.1 (25234) - http://www.bohemiancoding.com/sketch -->
+    <title>icon-font_105_View</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="Artboard-1" sketch:type="MSArtboardGroup" transform="translate(-9000.000000, -10104.000000)" fill="#000000">
+            <g id="icon-font_105_View" sketch:type="MSLayerGroup" transform="translate(9000.000000, 10104.000000)">
+                <path d="M253.581879,308.61402 C312.962752,308.61402 370.768722,280.970482 427.225327,234.264991 C447.101103,217.822134 464.002246,201.524318 483.377535,181.181477 C485.568088,178.881533 492.073436,172.004723 492.078081,171.999827 C494.933975,168.989784 496.758569,167.101346 498.204136,165.671731 C499.511808,164.37849 500.384881,163.601664 500.441945,163.564064 C495.349704,166.919331 484.716873,165.896878 484.716873,154.524024 C484.716873,143.151171 495.349704,142.128718 500.441945,145.483984 C500.384881,145.446384 499.511808,144.669559 498.204136,143.376317 C496.758569,141.946702 494.933975,140.058264 492.078081,137.048221 C492.073436,137.043326 485.568088,130.166515 483.377535,127.866571 C464.002246,107.523731 447.101103,91.2259143 427.225327,74.7830573 C370.768722,28.0775667 312.962752,0.434027778 253.581879,0.434027778 C191.731723,0.434027778 130.807245,26.8363188 75.5661959,70.1970001 C35.8951124,101.336257 0.434027778,141.650659 0.434027778,154.524024 C0.434027778,167.397389 35.8951124,207.711792 75.5661959,238.851048 C130.807245,282.211729 191.731723,308.61402 253.581879,308.61402 L253.581879,308.61402 Z M89.1578777,221.535389 C55.2818134,194.944851 22.4468844,157.616028 22.4468844,154.524024 C22.4468844,151.43202 55.2818134,114.103197 89.1578777,87.5126589 C140.855436,46.9333905 197.359154,22.4468844 253.581879,22.4468844 C306.883849,22.4468844 360.314194,47.9979447 413.19371,91.7441773 C432.282846,107.536261 448.611152,123.281689 467.437643,143.048326 C469.597313,145.315844 476.081558,152.170347 476.109114,152.199391 C479.117168,155.369807 481.067363,157.38824 482.725294,159.027876 C485.030509,161.307652 486.691463,162.785505 488.330451,163.86543 C490.742582,165.454779 490.31849,170.118336 493.786291,169.784872 C497.263225,169.45053 499.302153,162.372959 499.607582,155.278924 C499.914506,148.150166 498.470919,141.004783 494.976966,140.668805 C491.509166,140.335341 490.742582,143.59327 488.330451,145.182618 C486.691463,146.262543 485.030509,147.740396 482.725294,150.020172 C481.067363,151.659808 479.117168,153.678241 476.109114,156.848657 C476.081558,156.877701 469.597313,163.732204 467.437643,165.999722 C448.611152,185.766359 432.282846,201.511787 413.19371,217.303871 C360.314194,261.050104 306.883849,286.601164 253.581879,286.601164 C197.359154,286.601164 140.855436,262.114658 89.1578777,221.535389 Z" id="Shape" sketch:type="MSShapeGroup"></path>
+                <path d="M250,60.7910156 C200.300481,60.7910156 159.855769,101.867676 159.855769,152.34375 C159.855769,202.840169 200.300481,243.896484 250,243.896484 C299.699519,243.896484 340.144231,202.840169 340.144231,152.34375 C340.144231,101.867676 299.699519,60.7910156 250,60.7910156 L250,60.7910156 Z M250,223.551432 C211.338141,223.551432 179.887821,191.609701 179.887821,152.34375 C179.887821,113.077799 211.338141,81.1360677 250,81.1360677 C288.661859,81.1360677 320.112179,113.077799 320.112179,152.34375 C320.112179,191.609701 288.661859,223.551432 250,223.551432 L250,223.551432 Z" id="Shape" sketch:type="MSShapeGroup"></path>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/icon-font/svgs/icon-font_106_Odyssey.svg
+++ b/icon-font/svgs/icon-font_106_Odyssey.svg
@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="498px" height="498px" viewBox="0 0 498 498" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.5.1 (25234) - http://www.bohemiancoding.com/sketch -->
+    <title>icon-font_106_Odyssey</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="Artboard-1" sketch:type="MSArtboardGroup" transform="translate(-1.000000, -11001.000000)" fill="#191919">
+            <g id="icon-font_106_Odyssey" sketch:type="MSLayerGroup" transform="translate(0.000000, 11000.000000)">
+                <path d="M250,498.955327 C387.494231,498.955327 498.955327,387.494231 498.955327,250 C498.955327,112.505769 387.494231,1.04467292 250,1.04467292 C112.505769,1.04467292 1.04467292,112.505769 1.04467292,250 C1.04467292,387.494231 112.505769,498.955327 250,498.955327 L250,498.955327 Z M250,476.40843 C124.958077,476.40843 23.5915705,375.041923 23.5915705,250 C23.5915705,124.958077 124.958077,23.5915705 250,23.5915705 C375.041923,23.5915705 476.40843,124.958077 476.40843,250 C476.40843,375.041923 375.041923,476.40843 250,476.40843 L250,476.40843 Z" id="Shape" sketch:type="MSShapeGroup"></path>
+                <path d="M250,146.660053 C250,141.474266 245.791246,137.265512 240.605459,137.265512 C235.419673,137.265512 231.210919,141.474266 231.210919,146.660053 L231.210919,250 C231.210919,252.630471 232.319475,255.148208 234.25475,256.933171 L346.989238,360.273118 C348.792989,361.926557 351.066468,362.734488 353.339947,362.734488 C355.876473,362.734488 358.412999,361.701088 360.273118,359.690657 C363.786676,355.857684 363.523629,349.920334 359.690657,346.406776 L250,245.866402 L250,146.660053 Z" id="Shape" sketch:type="MSShapeGroup"></path>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/icon-font/svgs/icon-font_107_Settings.svg
+++ b/icon-font/svgs/icon-font_107_Settings.svg
@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="500px" height="417px" viewBox="0 0 500 417" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.5.1 (25234) - http://www.bohemiancoding.com/sketch -->
+    <title>icon-font_107_Settings</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="Artboard-1" sketch:type="MSArtboardGroup" transform="translate(-1000.000000, -11043.000000)" fill="#191919">
+            <g id="icon-font_107_Settings" sketch:type="MSLayerGroup" transform="translate(1000.000000, 11043.000000)">
+                <path d="M20.8333333,41.4748987 L20.8333333,41.4748987 L20.8333333,375.191768 C20.8333333,386.475711 30.2349552,395.833333 41.7697206,395.833333 L458.230279,395.833333 C469.833485,395.833333 479.166667,386.564052 479.166667,375.191768 L479.166667,41.4748987 C479.166667,30.1909553 469.765045,20.8333333 458.230279,20.8333333 L41.7697206,20.8333333 C30.1665145,20.8333333 20.8333333,30.102615 20.8333333,41.4748987 L20.8333333,41.4748987 Z M0,41.4748987 C0,18.5689446 18.6880464,0 41.7697206,0 L458.230279,0 C481.299059,0 500,18.7127579 500,41.4748987 L500,375.191768 C500,398.097722 481.311954,416.666667 458.230279,416.666667 L41.7697206,416.666667 C18.7009409,416.666667 0,397.953909 0,375.191768 L0,41.4748987 L0,41.4748987 Z" id="Shape" sketch:type="MSShapeGroup"></path>
+                <path d="M174.166667,125.494436 C174.166667,125.221366 174.392779,125 174.672232,125 L395.327768,125 C395.606984,125 395.833333,125.219872 395.833333,125.494436 L395.833333,145.338898 C395.833333,145.611967 395.608284,145.833333 395.342879,145.833333 C395.342879,145.833333 268.649937,145.833333 177.304687,145.833333 L173.696606,145.833333 C173.956213,145.833333 174.166667,145.613461 174.166667,145.338898 L174.166667,125.494436 Z" id="Rectangle-7228" sketch:type="MSShapeGroup"></path>
+                <rect id="Rectangle-7228-Copy" sketch:type="MSShapeGroup" x="104.166667" y="270.833333" width="141.666667" height="20.8333333" rx="2"></rect>
+                <rect id="Rectangle-7228-Copy-2" sketch:type="MSShapeGroup" x="314.166667" y="270.833333" width="81.6666667" height="20.8333333" rx="2"></rect>
+                <path d="M135.416667,166.666667 C152.675565,166.666667 166.666667,152.675565 166.666667,135.416667 C166.666667,118.157768 152.675565,104.166667 135.416667,104.166667 C118.157768,104.166667 104.166667,118.157768 104.166667,135.416667 C104.166667,152.675565 118.157768,166.666667 135.416667,166.666667 L135.416667,166.666667 Z M135.416667,187.5 L135.416667,187.5 C106.651836,187.5 83.3333333,164.181497 83.3333333,135.416667 C83.3333333,106.651836 106.651836,83.3333333 135.416667,83.3333333 C164.181497,83.3333333 187.5,106.651836 187.5,135.416667 C187.5,164.181497 164.181497,187.5 135.416667,187.5 L135.416667,187.5 Z" id="Shape" sketch:type="MSShapeGroup"></path>
+                <path d="M281.25,312.5 C298.508898,312.5 312.5,298.508898 312.5,281.25 C312.5,263.991102 298.508898,250 281.25,250 C263.991102,250 250,263.991102 250,281.25 C250,298.508898 263.991102,312.5 281.25,312.5 L281.25,312.5 Z M281.25,333.333333 L281.25,333.333333 C252.485169,333.333333 229.166667,310.014831 229.166667,281.25 C229.166667,252.485169 252.485169,229.166667 281.25,229.166667 C310.014831,229.166667 333.333333,252.485169 333.333333,281.25 C333.333333,310.014831 310.014831,333.333333 281.25,333.333333 L281.25,333.333333 Z" id="Shape" sketch:type="MSShapeGroup"></path>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/src/fonts/cartoIcon.eot
+++ b/src/fonts/cartoIcon.eot
--- a/src/fonts/cartoIcon.svg
+++ b/src/fonts/cartoIcon.svg
--- a/src/fonts/cartoIcon.ttf
+++ b/src/fonts/cartoIcon.ttf
--- a/src/fonts/cartoIcon.woff
+++ b/src/fonts/cartoIcon.woff
--- a/src/scss/cdb-components/menu.scss
+++ b/src/scss/cdb-components/menu.scss
@ -2,7 +2,7 @@
 // ----------------------------------------------

 /* SG
-# Menu/
+# Menu/Navigation


 ```
@ -71,6 +71,7 @@
 */

@import '../cdb-variables/colors';
+@import '../cdb-variables/sizes';

 .CDB-NavMenu {
  position: relative;
@ -155,3 +156,102 @@
 }


+/* SG
+# Menu/Editor
+
+
+```
+<div class="CDB-MenuEditor">
+  <div class="CDB-MenuEditor-logo">
+    <i class="CDB-IconFont CDB-IconFont-cartoFante u-actionTextColor"></i>
+  </div>
+  <nav>
+    <ul class="CDB-MenuEditor-navigation">
+      <li class="CDB-MenuEditor-navigationItem is-selected">
+        <a href="#" class="CDB-MenuEditor-navigationLink">
+          <i class="CDB-IconFont CDB-IconFont-edition CDB-MenuEditor-navigationIcon"></i>
+        </a>
+      </li>
+      <li class="CDB-MenuEditor-navigationItem">
+        <a href="#" class="CDB-MenuEditor-navigationLink">
+          <i class="CDB-IconFont CDB-IconFont-view CDB-MenuEditor-navigationIcon"></i>
+        </a>
+      </li>
+      <li class="CDB-MenuEditor-navigationItem">
+        <a href="#" class="CDB-MenuEditor-navigationLink">
+          <i class="CDB-IconFont CDB-IconFont-odyssey CDB-MenuEditor-navigationIcon"></i>
+        </a>
+      </li>
+      <li class="CDB-MenuEditor-navigationItem">
+        <a href="#" class="CDB-MenuEditor-navigationLink">
+          <i class="CDB-IconFont CDB-IconFont-settings CDB-MenuEditor-navigationIcon"></i>
+        </a>
+      </li>
+    </ul>
+  </nav>
+  <a href="http://piensaenpixel.cartodb.com" class="CDB-MenuEditor-avatar">
+    <img src="https://s3.amazonaws.com/com.cartodb.users-assets.production/production/piensaenpixel/assets/20150507074635Captura%20de%20pantalla%202015-05-07%20a%20la%28s%29%2009.46.28.png" class="CDB-MenuEditor-avatarImage">
+  </a>
+</div>
+```
+*/
+
+.CDB-MenuEditor {
+  position: relative;
+  width: 72px;
+  min-height: 450px;
+  box-sizing: border-box;
+  padding: $baseSize * 2 0;
+  background: $cBlue;
+  box-shadow: 4px 0 $baseSize * 2 rgba(0, 0, 0, 0.05);
+}
+
+.CDB-MenuEditor-navigationItem {
+  padding: 12px $baseSize * 2 12px $baseSize + 6;
+  border-left: 2px solid transparent;
+  text-align: center;
+}
+.CDB-MenuEditor-navigationItem.is-selected {
+  border-left: 2px solid #FFF;
+}
+.CDB-MenuEditor-navigationItem.is-selected .CDB-MenuEditor-navigationIcon {
+  opacity: 1;
+}
+
+.CDB-MenuEditor-navigationLink {
+  display: block;
+}
+.CDB-MenuEditor-navigationIcon {
+  color: #FFF;
+  font-size: 24px;
+  line-height: 24px;
+  opacity: 0.32;
+}
+.CDB-MenuEditor-navigationLink:hover .CDB-MenuEditor-navigationIcon {
+  opacity: 1;
+}
+
+.CDB-MenuEditor-logo {
+  width: 40px;
+  height: 40px;
+  margin: 0 auto $baseSize * 2;
+  padding: $baseSize - 2 0;
+  border-radius: $baseSize / 2;
+  background: #FFF;
+  box-sizing: border-box;
+  font-size: $baseSize * 3;
+  text-align: center;
+}
+
+.CDB-MenuEditor-avatar {
+  position: absolute;
+  bottom: $baseSize * 2;
+  left: $baseSize * 2;
+  width: 40px;
+  height: 40px;
+}
+.CDB-MenuEditor-avatarImage {
+  width: 100%;
+  border-radius: $baseSize / 2;
+}
+
--- a/src/scss/cdb-icon-font.scss
+++ b/src/scss/cdb-icon-font.scss
@ -119,6 +119,30 @@ All available icons in CartoDB.
  </div>


+  <div class="box">
+    <i class="CDB-IconFont CDB-IconFont-edition Size-large"></i>
+    <h4 class="Text Size-small">edition</h4>
+  </div>
+
+
+  <div class="box">
+    <i class="CDB-IconFont CDB-IconFont-view Size-large"></i>
+    <h4 class="Text Size-small">view</h4>
+  </div>
+
+
+  <div class="box">
+    <i class="CDB-IconFont CDB-IconFont-odyssey Size-large"></i>
+    <h4 class="Text Size-small">odyssey</h4>
+  </div>
+
+
+  <div class="box">
+    <i class="CDB-IconFont CDB-IconFont-settings Size-large"></i>
+    <h4 class="Text Size-small">settings</h4>
+  </div>
+
+
  <div class="box">
    <i class="CDB-IconFont CDB-IconFont-wizard Size-large"></i>
    <h4 class="Text Size-small">wizard</h4>
@ -716,441 +740,461 @@ All available icons in CartoDB.
 }


-.CDB-IconFont-wizard::before {
+.CDB-IconFont-edition::before {
  content: '\E00E';
 }


-.CDB-IconFont-info::before {
+.CDB-IconFont-view::before {
  content: '\E00F';
 }


-.CDB-IconFont-fork::before {
+.CDB-IconFont-odyssey::before {
  content: '\E010';
 }


-.CDB-IconFont-facebook::before {
+.CDB-IconFont-settings::before {
  content: '\E011';
 }


-.CDB-IconFont-folder::before {
+.CDB-IconFont-wizard::before {
  content: '\E012';
 }


-.CDB-IconFont-dropbox::before {
+.CDB-IconFont-info::before {
  content: '\E013';
 }


-.CDB-IconFont-cloud::before {
+.CDB-IconFont-fork::before {
  content: '\E014';
 }


-.CDB-IconFont-step::before {
+.CDB-IconFont-facebook::before {
  content: '\E015';
 }


-.CDB-IconFont-addDocument::before {
+.CDB-IconFont-folder::before {
  content: '\E016';
 }


-.CDB-IconFont-arrowNext::before {
+.CDB-IconFont-dropbox::before {
  content: '\E017';
 }


-.CDB-IconFont-arrowPrev::before {
+.CDB-IconFont-cloud::before {
  content: '\E018';
 }


-.CDB-IconFont-close::before {
+.CDB-IconFont-step::before {
  content: '\E019';
 }


-.CDB-IconFont-cartoFante::before {
+.CDB-IconFont-addDocument::before {
  content: '\E01A';
 }


-.CDB-IconFont-lock::before {
+.CDB-IconFont-arrowNext::before {
  content: '\E01B';
 }


-.CDB-IconFont-cartoDB::before {
+.CDB-IconFont-arrowPrev::before {
  content: '\E01C';
 }


-.CDB-IconFont-lens::before {
+.CDB-IconFont-close::before {
  content: '\E01D';
 }


-.CDB-IconFont-closeLimits::before {
+.CDB-IconFont-cartoFante::before {
  content: '\E01E';
 }


-.CDB-IconFont-defaultUser::before {
+.CDB-IconFont-lock::before {
  content: '\E01F';
 }


-.CDB-IconFont-cockroach::before {
+.CDB-IconFont-cartoDB::before {
  content: '\E020';
 }


-.CDB-IconFont-floppy::before {
+.CDB-IconFont-lens::before {
  content: '\E021';
 }


-.CDB-IconFont-trash::before {
+.CDB-IconFont-closeLimits::before {
  content: '\E022';
 }


-.CDB-IconFont-wifi::before {
+.CDB-IconFont-defaultUser::before {
  content: '\E023';
 }


-.CDB-IconFont-unlock::before {
+.CDB-IconFont-cockroach::before {
  content: '\E024';
 }


-.CDB-IconFont-unlockWithEllipsis::before {
+.CDB-IconFont-floppy::before {
  content: '\E025';
 }


-.CDB-IconFont-gift::before {
+.CDB-IconFont-trash::before {
  content: '\E026';
 }


-.CDB-IconFont-people::before {
+.CDB-IconFont-wifi::before {
  content: '\E027';
 }


-.CDB-IconFont-play::before {
+.CDB-IconFont-unlock::before {
  content: '\E028';
 }


-.CDB-IconFont-add::before {
+.CDB-IconFont-unlockWithEllipsis::before {
  content: '\E029';
 }


-.CDB-IconFont-map::before {
+.CDB-IconFont-gift::before {
  content: '\E02A';
 }


-.CDB-IconFont-anchor::before {
+.CDB-IconFont-people::before {
  content: '\E02B';
 }


-.CDB-IconFont-key::before {
+.CDB-IconFont-play::before {
  content: '\E02C';
 }


-.CDB-IconFont-calendar::before {
+.CDB-IconFont-add::before {
  content: '\E02D';
 }


-.CDB-IconFont-document::before {
+.CDB-IconFont-map::before {
  content: '\E02E';
 }


-.CDB-IconFont-eye::before {
+.CDB-IconFont-anchor::before {
  content: '\E02F';
 }


-.CDB-IconFont-marker::before {
+.CDB-IconFont-key::before {
  content: '\E030';
 }


-.CDB-IconFont-progressBar::before {
+.CDB-IconFont-calendar::before {
  content: '\E031';
 }


-.CDB-IconFont-book::before {
+.CDB-IconFont-document::before {
  content: '\E032';
 }


-.CDB-IconFont-notes::before {
+.CDB-IconFont-eye::before {
  content: '\E033';
 }


-.CDB-IconFont-rectangles::before {
+.CDB-IconFont-marker::before {
  content: '\E034';
 }


-.CDB-IconFont-mountain::before {
+.CDB-IconFont-progressBar::before {
  content: '\E035';
 }


-.CDB-IconFont-points::before {
+.CDB-IconFont-book::before {
  content: '\E036';
 }


-.CDB-IconFont-snake::before {
+.CDB-IconFont-notes::before {
  content: '\E037';
 }


-.CDB-IconFont-boss::before {
+.CDB-IconFont-rectangles::before {
  content: '\E038';
 }


-.CDB-IconFont-rocket::before {
+.CDB-IconFont-mountain::before {
  content: '\E039';
 }


-.CDB-IconFont-barometer::before {
+.CDB-IconFont-points::before {
  content: '\E03A';
 }


-.CDB-IconFont-dollar::before {
+.CDB-IconFont-snake::before {
  content: '\E03B';
 }


-.CDB-IconFont-email::before {
+.CDB-IconFont-boss::before {
  content: '\E03C';
 }


-.CDB-IconFont-label::before {
+.CDB-IconFont-rocket::before {
  content: '\E03D';
 }


-.CDB-IconFont-outside::before {
+.CDB-IconFont-barometer::before {
  content: '\E03E';
 }


-.CDB-IconFont-jigsaw::before {
+.CDB-IconFont-dollar::before {
  content: '\E03F';
 }


-.CDB-IconFont-tools::before {
+.CDB-IconFont-email::before {
  content: '\E040';
 }


-.CDB-IconFont-question::before {
+.CDB-IconFont-label::before {
  content: '\E041';
 }


-.CDB-IconFont-layerStack::before {
+.CDB-IconFont-outside::before {
  content: '\E042';
 }


-.CDB-IconFont-alarm::before {
+.CDB-IconFont-jigsaw::before {
  content: '\E043';
 }


-.CDB-IconFont-cloudDownArrow::before {
+.CDB-IconFont-tools::before {
  content: '\E044';
 }


-.CDB-IconFont-pencil::before {
+.CDB-IconFont-question::before {
  content: '\E045';
 }


-.CDB-IconFont-fountainPen::before {
+.CDB-IconFont-layerStack::before {
  content: '\E046';
 }


-.CDB-IconFont-emptyDoc::before {
+.CDB-IconFont-alarm::before {
  content: '\E047';
 }


-.CDB-IconFont-mergeArrow::before {
+.CDB-IconFont-cloudDownArrow::before {
  content: '\E048';
 }


-.CDB-IconFont-mergeColumns::before {
+.CDB-IconFont-pencil::before {
  content: '\E049';
 }


-.CDB-IconFont-mergeSpatial::before {
+.CDB-IconFont-fountainPen::before {
  content: '\E04A';
 }


-.CDB-IconFont-globe::before {
+.CDB-IconFont-emptyDoc::before {
  content: '\E04B';
 }


-.CDB-IconFont-chevronDown::before {
+.CDB-IconFont-mergeArrow::before {
  content: '\E04C';
 }


-.CDB-IconFont-streets::before {
+.CDB-IconFont-mergeColumns::before {
  content: '\E04D';
 }


-.CDB-IconFont-keys::before {
+.CDB-IconFont-mergeSpatial::before {
  content: '\E04E';
 }


-.CDB-IconFont-facebookSquare::before {
+.CDB-IconFont-globe::before {
  content: '\E04F';
 }


-.CDB-IconFont-fullscreen::before {
+.CDB-IconFont-chevronDown::before {
  content: '\E050';
 }


-.CDB-IconFont-rArrowLight::before {
+.CDB-IconFont-streets::before {
  content: '\E051';
 }


-.CDB-IconFont-share::before {
+.CDB-IconFont-keys::before {
  content: '\E052';
 }


-.CDB-IconFont-linkedin::before {
+.CDB-IconFont-facebookSquare::before {
  content: '\E053';
 }


-.CDB-IconFont-calendarBlank::before {
+.CDB-IconFont-fullscreen::before {
  content: '\E054';
 }


-.CDB-IconFont-creativeCommons::before {
+.CDB-IconFont-rArrowLight::before {
  content: '\E055';
 }


-.CDB-IconFont-bubble::before {
+.CDB-IconFont-share::before {
  content: '\E056';
 }


-.CDB-IconFont-bars::before {
+.CDB-IconFont-linkedin::before {
  content: '\E057';
 }


-.CDB-IconFont-arrowMenuLight::before {
+.CDB-IconFont-calendarBlank::before {
  content: '\E058';
 }


-.CDB-IconFont-tieFighter::before {
+.CDB-IconFont-creativeCommons::before {
  content: '\E059';
 }


-.CDB-IconFont-ray::before {
+.CDB-IconFont-bubble::before {
  content: '\E05A';
 }


-.CDB-IconFont-markup::before {
+.CDB-IconFont-bars::before {
  content: '\E05B';
 }


-.CDB-IconFont-table::before {
+.CDB-IconFont-arrowMenuLight::before {
  content: '\E05C';
 }


-.CDB-IconFont-airlock::before {
+.CDB-IconFont-tieFighter::before {
  content: '\E05D';
 }


-.CDB-IconFont-pin::before {
+.CDB-IconFont-ray::before {
  content: '\E05E';
 }


-.CDB-IconFont-attache::before {
+.CDB-IconFont-markup::before {
  content: '\E05F';
 }


-.CDB-IconFont-download::before {
+.CDB-IconFont-table::before {
  content: '\E060';
 }


-.CDB-IconFont-group::before {
+.CDB-IconFont-airlock::before {
  content: '\E061';
 }


-.CDB-IconFont-dashboard::before {
+.CDB-IconFont-pin::before {
  content: '\E062';
 }


-.CDB-IconFont-spinner::before {
+.CDB-IconFont-attache::before {
  content: '\E063';
 }


-.CDB-IconFont-mapsearch::before {
+.CDB-IconFont-download::before {
  content: '\E064';
 }


-.CDB-IconFont-rArrow::before {
+.CDB-IconFont-group::before {
  content: '\E065';
 }
+
+
+.CDB-IconFont-dashboard::before {
+  content: '\E066';
+}
+
+
+.CDB-IconFont-spinner::before {
+  content: '\E067';
+}
+
+
+.CDB-IconFont-mapsearch::before {
+  content: '\E068';
+}
+
+
+.CDB-IconFont-rArrow::before {
+  content: '\E069';
+}