From 421f72a87c10b5ef6ffc79785a50815b13bb32a0 Mon Sep 17 00:00:00 2001 From: xavijam Date: Thu, 28 Jan 2016 09:14:04 +0100 Subject: [PATCH] Updates --- css/cartostyles.css | 2 +- fonts/cartoIcon.eot | Bin 17808 -> 18856 bytes fonts/cartoIcon.svg | 207 +++---- fonts/cartoIcon.ttf | Bin 17636 -> 18684 bytes fonts/cartoIcon.woff | Bin 11164 -> 11836 bytes styleguide/index.html | 1183 ++++++++++++++++++++++++++++++++--------- 6 files changed, 1058 insertions(+), 334 deletions(-) diff --git a/css/cartostyles.css b/css/cartostyles.css index 852885e..276ac61 100644 --- a/css/cartostyles.css +++ b/css/cartostyles.css @@ -1 +1 @@ -a:active,a:hover,button{outline:0}.CDB-Shape-lens:hover,.CDB-Shape-threePoints:hover{cursor:pointer}.box{width:120px;height:64px;display:inline-block;margin:0 24px 24px 0}.Color-Blue{background:#3AA9E3}.Color-White{background:#fff;border:1px solid #e5e5e5}.Color-Dark{background:#000}.Color-MainDark{background:#2E3C43}.Color-SecondaryDark{background:#282C2F}.Color-SecondaryBackground{background:#F2F6F9}.Color-ThirdBackground{background:#F9F9F9}.Color-HoverLine{background:#AAA}.Color-MainLine{background:#DDD}.Color-SecondaryLine{background:#EEE}.Color-Type02{background:#636D72}.Color-Type03{background:#979EA1}.Color-Type04{background:#CBCED0}.Color-Higlight{background:#9DE0AD}.Color-Alert{background:#F19243}.Color-Public{background:#9BC63B}.Color-Link{background:#FEB100}.Color-Password{background:#FB7B23}.Color-Error{background:#F15743}.CDB-Loader{-webkit-animation:loader-progress 1s linear 1;-khtml-animation:loader-progress 1s linear 1;-moz-animation:loader-progress 1s linear 1;-ms-animation:loader-progress 1s linear 1;-o-animation:loader-progress 1s linear 1;animation:loader-progress 1s linear 1;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity,1s;-khtml-transition:opacity,1s;-moz-transition:opacity,1s;-ms-transition:opacity,1s;-o-transition:opacity,1s;transition:opacity,1s;position:absolute;top:0;left:0;width:100%;height:2px;background:#3aa9e3;z-index:10}.CDB-Loader.is-visible{-webkit-animation:loader-progress 2s linear infinite;-khtml-animation:loader-progress 2s linear infinite;-moz-animation:loader-progress 2s linear infinite;-ms-animation:loader-progress 2s linear infinite;-o-animation:loader-progress 2s linear infinite;animation:loader-progress 2s linear infinite;opacity:1;filter:alpha(opacity=100)}@-webkit-keyframes loader-progress{0%{width:0}100%{width:100%}}@-moz-keyframes loader-progress{0%{width:0}100%{width:100%}}@-ms-keyframes loader-progress{0%{width:0}100%{width:100%}}@-o-keyframes loader-progress{0%{width:0}100%{width:100%}}@keyframes loader-progress{0%{width:0}100%{width:100%}}.CDB-Shape-dot{display:inline-block;width:8px;min-width:8px;height:8px;border-radius:8px}.CDB-Shape-threePoints{display:inline-block;position:relative;width:3px;height:16px;margin-right:-7px;margin-left:6px;padding:0 7px 0 10px;text-align:center;vertical-align:middle}.CDB-Shape-threePoints:after,.CDB-Shape-threePoints:before{display:inline-block;position:absolute;width:3px;height:3px;border-radius:50%;content:'';z-index:1}.CDB-Shape-threePoints:before{top:0;right:7px}.CDB-Shape-threePoints:after{right:7px;bottom:1px}.CDB-Shape-threePointsItem{display:block;position:absolute;top:6px;left:7px;width:3px;height:3px;border-radius:50%}.CDB-Shape-lens{display:inline-block;position:relative;width:16px;height:16px}.CDB-Shape-lens:after,.CDB-Shape-lens:before{position:absolute;content:''}.CDB-Shape-lens:after{top:0;left:0;width:8px;height:8px;border:1px solid transparent;border-radius:10px}.CDB-Shape-lens:before{-webkit-transform:rotate(45deg);-khtml-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);right:3px;bottom:5px;width:6px;height:1px}.CDB-Shape-hamburguer{display:inline-block;position:relative;width:16px;height:2px;border:0;background:#FFF;vertical-align:middle}.CDB-Shape-hamburguer:after,.CDB-Shape-hamburguer:before{display:block;position:absolute;width:16px;height:2px;background:#FFF;content:''}.CDB-Shape-hamburguer:before{top:-6px}.CDB-Shape-hamburguer:after{bottom:-6px}.CDB-Shape-magnify{display:block;position:relative;width:32px;height:32px}.CDB-Shape-magnify:before{display:block;position:absolute;top:10px;left:10px;width:7px;height:7px;border:1px solid #636D72;border-radius:50%;content:''}.CDB-Shape-Arrow,.CDB-Shape-magnify:after{display:block;position:absolute;width:1px}.CDB-Shape-magnify:after{top:17px;left:19px;height:6px;transform:rotate(314deg);background:#636D72;content:''}.CDB-Shape-Arrow{height:8px;background:#32A8E6}.CDB-Shape-Arrow:after,.CDB-Shape-Arrow:before{display:block;position:absolute;top:2px;width:5px;height:1px;background:#32A8E6;content:''}.CDB-Shape-Arrow:before{left:0;transform:rotate(45deg)}.CDB-Shape-Arrow:after{left:-4px;transform:rotate(-45deg)}.CDB-Shape-Arrow--top{top:6px;right:9px;transform:rotate(45deg)}.CDB-Shape-Arrow--bottom{top:13px;left:46px;transform:rotate(-135deg)}.Text{font-family:'Open Sans'}.Text.is-semibold{font-weight:600}.Text.is-light{font-weight:300}.Size-huge{font-size:26px;line-height:34px}.Size-large{font-size:16px;line-height:22px}.Size-medium{font-size:14px;line-height:16px}.Size-small{font-size:10px;line-height:14px}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local("Open Sans Light"),local("OpenSans-Light"),url(//themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf) format("truetype")}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local("Open Sans"),local("OpenSans"),url(//themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf) format("truetype")}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local("Open Sans Semibold"),local("OpenSans-Semibold"),url(//themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf) format("truetype")}.u-tSpace{margin-top:4px}.u-tSpace-xl{margin-top:12px}.u-rSpace{margin-right:4px}.u-rSpace--m{margin-right:8px}.u-rSpace--xl{margin-right:12px}.u-lSpace{margin-left:4px}.u-lSpace--xl{margin-left:12px}.u-iBlock{display:inline-block;vertical-align:middle}.u-showDesktop{display:block!important}.u-showMobile{display:none!important}@media only screen and (max-width:600px){.u-showDesktop{display:none!important}.u-showMobile{display:block!important}}.CDB-IconFont,dd,dt{display:inline-block}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}abbr[title]{border-bottom:1px dotted}mark{background:#ff0;color:#000}sub,sup{line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible;margin:0;padding:0;border:none;background:0 0;box-sizing:border-box}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}optgroup{font-weight:700}@font-face{font-family:CartoIcon;src:url(../fonts/cartoIcon.eot);src:url(../fonts/cartoIcon.eot?#iefix) format("embedded-opentype"),url(../fonts/cartoIcon.woff) format("woff"),url(../fonts/cartoIcon.ttf) format("truetype"),url(../fonts/cartoIcon.svg?ey3vsq#cartoIcon) format("svg");font-weight:400;font-style:normal}.CDB-IconFont{font-family:CartoIcon;font-style:normal;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1}.CDB-IconFont--clock::before{content:'\E001'}.CDB-IconFont--stats::before{content:'\E002'}.CDB-IconFont--heartempty::before{content:'\E003'}.CDB-IconFont--heartfill::before{content:'\E004'}.CDB-IconFont--alert::before{content:'\E005'}.CDB-IconFont--rows::before{content:'\E006'}.CDB-IconFont--check::before{content:'\E007'}.CDB-IconFont--dribbble::before{content:'\E008'}.CDB-IconFont--twitter::before{content:'\E009'}.CDB-IconFont--wizard::before{content:'\E00A'}.CDB-IconFont--info::before{content:'\E00B'}.CDB-IconFont--fork::before{content:'\E00C'}.CDB-IconFont--facebook::before{content:'\E00D'}.CDB-IconFont--folder::before{content:'\E00E'}.CDB-IconFont--dropbox::before{content:'\E00F'}.CDB-IconFont--cloud::before{content:'\E010'}.CDB-IconFont--step::before{content:'\E011'}.CDB-IconFont--addDocument::before{content:'\E012'}.CDB-IconFont--arrowNext::before{content:'\E013'}.CDB-IconFont--arrowPrev::before{content:'\E014'}.CDB-IconFont--close::before{content:'\E015'}.CDB-IconFont--cartoFante::before{content:'\E016'}.CDB-IconFont--lock::before{content:'\E017'}.CDB-IconFont--cartoDB::before{content:'\E018'}.CDB-IconFont--lens::before{content:'\E019'}.CDB-IconFont--closeLimits::before{content:'\E01A'}.CDB-IconFont--defaultUser::before{content:'\E01B'}.CDB-IconFont--cockroach::before{content:'\E01C'}.CDB-IconFont--floppy::before{content:'\E01D'}.CDB-IconFont--trash::before{content:'\E01E'}.CDB-IconFont--wifi::before{content:'\E01F'}.CDB-IconFont--unlock::before{content:'\E020'}.CDB-IconFont--unlockwithEllipsis::before{content:'\E021'}.CDB-IconFont--gift::before{content:'\E022'}.CDB-IconFont--people::before{content:'\E023'}.CDB-IconFont--play::before{content:'\E024'}.CDB-IconFont--add::before{content:'\E025'}.CDB-IconFont--map::before{content:'\E026'}.CDB-IconFont--anchor::before{content:'\E027'}.CDB-IconFont--key::before{content:'\E028'}.CDB-IconFont--calendar::before{content:'\E029'}.CDB-IconFont--document::before{content:'\E02A'}.CDB-IconFont--eye::before{content:'\E02B'}.CDB-IconFont--marker::before{content:'\E02C'}.CDB-IconFont--progressBar::before{content:'\E02D'}.CDB-IconFont--book::before{content:'\E02E'}.CDB-IconFont--notes::before{content:'\E02F'}.CDB-IconFont--rectangles::before{content:'\E030'}.CDB-IconFont--mountain::before{content:'\E031'}.CDB-IconFont--points::before{content:'\E032'}.CDB-IconFont--snake::before{content:'\E033'}.CDB-IconFont--boss::before{content:'\E034'}.CDB-IconFont--rocket::before{content:'\E035'}.CDB-IconFont--barometer::before{content:'\E036'}.CDB-IconFont--dollar::before{content:'\E037'}.CDB-IconFont--email::before{content:'\E038'}.CDB-IconFont--label::before{content:'\E039'}.CDB-IconFont--outside::before{content:'\E03A'}.CDB-IconFont--jigsaw::before{content:'\E03B'}.CDB-IconFont--tools::before{content:'\E03C'}.CDB-IconFont--question::before{content:'\E03D'}.CDB-IconFont--layerStack::before{content:'\E03E'}.CDB-IconFont--alarm::before{content:'\E03F'}.CDB-IconFont--cloudDownArrow::before{content:'\E040'}.CDB-IconFont--pencil::before{content:'\E041'}.CDB-IconFont--fountainPen::before{content:'\E042'}.CDB-IconFont--emptyDoc::before{content:'\E043'}.CDB-IconFont--mergeArrow::before{content:'\E044'}.CDB-IconFont--mergeColumns::before{content:'\E045'}.CDB-IconFont--mergeSpatial::before{content:'\E046'}.CDB-IconFont--globe::before{content:'\E047'}.CDB-IconFont--chevronDown::before{content:'\E048'}.CDB-IconFont--streets::before{content:'\E049'}.CDB-IconFont--keys::before{content:'\E04A'}.CDB-IconFont--facebookSquare::before{content:'\E04B'}.CDB-IconFont--fullscreen::before{content:'\E04C'}.CDB-IconFont--rarrow::before{content:'\E04D'}.CDB-IconFont--share::before{content:'\E04E'}.CDB-IconFont--linkedin::before{content:'\E04F'}.CDB-IconFont--calendarBlank::before{content:'\E050'}.CDB-IconFont--creativeCommons::before{content:'\E051'}.CDB-IconFont--bubble::before{content:'\E052'}.CDB-IconFont--bars::before{content:'\E053'}.CDB-IconFont--arrowMenu::before{content:'\E054'}.CDB-IconFont--tieFighter::before{content:'\E055'}.CDB-IconFont--ray::before{content:'\E056'}.CDB-IconFont--markup::before{content:'\E057'}.CDB-IconFont--table::before{content:'\E058'}.CDB-IconFont--airlock::before{content:'\E059'}.CDB-IconFont--pin::before{content:'\E05A'}.CDB-IconFont--attache::before{content:'\E05B'}.CDB-IconFont--download::before{content:'\E05C'}.CDB-IconFont--group::before{content:'\E05D'}.CDB-IconFont--dashboard::before{content:'\E05E'}.CDB-IconFont--spinner::before{content:'\E05F'}.CDB-IconFont--drop::before{content:'\E060'}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{margin:0;line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0} \ No newline at end of file +.CDB-Checkbox::after,.CDB-Checkbox::before,.CDB-Radio::before,.CDB-Shape-hamburguer:after,.CDB-Shape-hamburguer:before,.CDB-Shape-lens:after,.CDB-Shape-lens:before,.CDB-Shape-magnify:after,.CDB-Shape-magnify:before,.CDB-Toogle:before{content:''}.CDB-IconFont--center,.CDB-Range,.CDB-Shape-hamburguer,.CDB-Shape-threePoints{vertical-align:middle}.CDB-Range,svg:not(:root){overflow:hidden}.CDB-Range:focus,a:active,a:hover,button,input{outline:0}.CDB-Box-Modal{border:1px solid #DDD;border-radius:4px;background:#fff;box-shadow:0 8px 16px 0 rgba(0,0,0,.16)}.CDB-Button{padding:8px 20px;border-radius:4px;cursor:pointer}.CDB-Button .CDB-Button-Text{display:block}.CDB-Button.is-disabled{cursor:default;opacity:.24}.CDB-Button--small{padding:5px 12px}.CDB-Button--primary{background:#3AA9E3;color:#fff}.CDB-Button--primary:hover{background:#1e97d6}.CDB-Button--primary:active{background:#197eb2}.CDB-Button--primary.is-disabled:active,.CDB-Button--primary.is-disabled:hover{background:#3AA9E3}.CDB-Button--secondary{border:1px solid #3AA9E3;background:#fff;color:#3AA9E3}.CDB-Button--secondary:hover{background:rgba(58,169,227,.08)}.CDB-Button--secondary:active{background:#3AA9E3;color:#fff}.CDB-Button--secondary.is-disabled:active,.CDB-Button--secondary.is-disabled:hover{background:#fff}.box{width:120px;height:64px;display:inline-block;margin:0 24px 24px 0}.Color-Blue{background:#3AA9E3}.Color-White{background:#fff;border:1px solid #e5e5e5}.Color-Dark{background:#000}.Color-MainDark{background:#2E3C43}.Color-SecondaryDark{background:#282C2F}.Color-SecondaryBackground{background:#F2F6F9}.Color-ThirdBackground{background:#F9F9F9}.Color-HoverLine{background:#AAA}.Color-MainLine{background:#DDD}.Color-SecondaryLine{background:#EEE}.Color-Type02{background:#636D72}.Color-Type03{background:#979EA1}.Color-Type04{background:#CBCED0}.Color-Higlight{background:#9DE0AD}.Color-Alert{background:#F19243}.Color-Public{background:#9BC63B}.Color-Link{background:#FEB100}.Color-Password{background:#FB7B23}.Color-Error{background:#F15743}.CDB-Checkbox{position:relative;width:16px;height:16px;border:1px solid #DDD;border-radius:3px}.CDB-Checkbox::after,.CDB-Checkbox::before{display:block;position:absolute;bottom:3px;width:2px;border-radius:1px;background:#EEE}.CDB-Checkbox:checked,.CDB-Checkbox:checked:hover,.CDB-Checkbox:focus{border:1px solid #3AA9E3}.CDB-Checkbox::before{right:4px;height:8px;transform:rotate(45deg)}.CDB-Checkbox::after{left:4px;height:6px;transform:rotate(-45deg)}.CDB-Checkbox:checked{background:#3AA9E3}.CDB-Checkbox:checked::after,.CDB-Checkbox:checked::before{background:#fff}.CDB-Checkbox:hover{border:1px solid #AAA}.CDB-Checkbox:disabled{border:1px solid #EEE;background:#F9F9F9}.CDB-Checkbox:disabled:hover{border:1px solid #EEE}.CDB-Checkbox:disabled::after,.CDB-Checkbox:disabled::before{background:#fff}.CDB-InputText{min-width:152px;padding:7px 8px 6px;border:1px solid #DDD;border-radius:3px;font-size:12px;line-height:16px}.CDB-InputText:hover{border:1px solid #AAA}.CDB-InputText:focus{border:1px solid #3AA9E3}.CDB-InputText:disabled{border-color:#EEE;background:#F9F9F9}.CDB-InputText.has-error{border:1px solid rgba(241,87,67,.48);background:rgba(241,87,67,.04);color:#F15743}.CDB-Legend{width:96px}.CDB-Radio{position:relative;width:16px;height:16px;border:1px solid #DDD;border-radius:50%}.CDB-Radio::before{display:block;position:absolute;top:50%;left:50%;width:6px;height:6px;margin-top:-3px;margin-left:-3px;border-radius:50%;background:#EEE}.CDB-Radio:checked,.CDB-Radio:checked:hover,.CDB-Radio:focus{border:1px solid #3AA9E3}.CDB-Radio:checked{background:#3AA9E3}.CDB-Radio:checked::before{background:#fff}.CDB-Radio:hover{border:1px solid #AAA}.CDB-Radio:disabled,.CDB-Radio:disabled:hover{border:1px solid #EEE}.CDB-Radio:disabled{background:#F9F9F9}.CDB-Radio:disabled::before{background:#fff}.CDB-Select{position:relative}.CDB-SelectItem{position:absolute;top:40px}.CDB-Range{position:relative;width:100%;margin:-4px 0 0;padding:0;background:0 0;cursor:pointer}.CDB-Range::-webkit-slider-thumb{position:relative;width:4px;height:100%;border-radius:4px}.CDB-Range::-webkit-slider-runnable-track{height:2px;margin:8px 0;border-radius:4px;background:#DDD}.CDB-Range::-webkit-slider-thumb::before{position:absolute;top:0;right:0;bottom:0;left:-3000px;height:2px;border-radius:4px;background:#3AA9E3;content:''}.CDB-Range::-webkit-slider-thumb::after{position:absolute;top:-6px;right:-6px;left:-6px;width:12px;height:12px;border:1px solid #3AA9E3;border-radius:50%;background:#fff;content:'';z-index:10}.CDB-Range:focus::-webkit-slider-thumb::after,.CDB-Range:hover::-webkit-slider-thumb::after{cursor:pointer}.CDB-Range:disabled::-webkit-slider-thumb::before{opacity:.2}.CDB-Range:disabled::-webkit-slider-thumb::after{opacity:.2}.CDB-Toogle{-webkit-transition:background,.3s;-khtml-transition:background,.3s;-moz-transition:background,.3s;-ms-transition:background,.3s;-o-transition:background,.3s;transition:background,.3s;position:relative;width:32px;height:16px;margin:0 2px;border-radius:50px;background:#CBCED0}.CDB-Toogle:before{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.48)}.CDB-Toogle:checked{background:#2E3C43}.CDB-Toogle:checked:before{right:2px;left:auto}.CDB-ListDecoration-Item{border-bottom:1px solid #EEE}.CDB-ListDecoration-Item:last-child{border-bottom:0}.CDB-ListDecoration-ItemLink{display:block;padding:12px 16px}.CDB-Loader{-webkit-animation:loader-progress 1s linear 1;-khtml-animation:loader-progress 1s linear 1;-moz-animation:loader-progress 1s linear 1;-ms-animation:loader-progress 1s linear 1;-o-animation:loader-progress 1s linear 1;animation:loader-progress 1s linear 1;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity,1s;-khtml-transition:opacity,1s;-moz-transition:opacity,1s;-ms-transition:opacity,1s;-o-transition:opacity,1s;transition:opacity,1s;position:absolute;top:0;left:0;width:100%;height:2px;background:#3aa9e3;z-index:10}.CDB-Loader.is-visible{-webkit-animation:loader-progress 2s linear infinite;-khtml-animation:loader-progress 2s linear infinite;-moz-animation:loader-progress 2s linear infinite;-ms-animation:loader-progress 2s linear infinite;-o-animation:loader-progress 2s linear infinite;animation:loader-progress 2s linear infinite;opacity:1;filter:alpha(opacity=100)}@-webkit-keyframes loader-progress{0%{width:0}100%{width:100%}}@-moz-keyframes loader-progress{0%{width:0}100%{width:100%}}@-ms-keyframes loader-progress{0%{width:0}100%{width:100%}}@-o-keyframes loader-progress{0%{width:0}100%{width:100%}}@keyframes loader-progress{0%{width:0}100%{width:100%}}.CDB-NavMenu{position:relative}.CDB-NavMenu-Inner{position:relative;margin-bottom:18px;border-bottom:1px solid #DDD}.CDB-NavMenu-Link{display:block;margin-bottom:-1px;padding:4px 0 11px;border-bottom:1px solid transparent}.CDB-NavMenu-Item,.CDB-NavSubmenu-Item{display:inline-block;margin-right:8px;vertical-align:middle}.CDB-NavMenu-Item.is-active .CDB-NavMenu-Link{border-bottom:1px solid #2E3C43;color:#2E3C43}.CDB-NavSubmenu{position:absolute;right:0;left:0;padding-top:14px;border-bottom:1px solid #EEE}.CDB-NavSubmenu-Link{display:block;margin-bottom:-1px;padding-bottom:12px;border-bottom:1px solid transparent}.CDB-NavSubmenu-item.is-active .CDB-NavSubmenu-Link{border-bottom:1px solid #979EA1;color:#2E3C43}.CDB-NavSubmenu-Status{margin-left:2px;color:#CBCED0}.CDB-Navmenu.is-dark .CDB-NavMenu-Inner,.CDB-Navmenu.is-dark .CDB-NavSubmenu{border-bottom:1px solid #636D72}.CDB-Navmenu.is-dark .CDB-NavMenu-Link,.CDB-Navmenu.is-dark .CDB-NavSubmenu-Link{color:#979EA1}.CDB-Navmenu.is-dark .CDB-NavMenu-Item.is-active .CDB-NavMenu-Link,.CDB-Navmenu.is-dark .CDB-NavSubmenu-item.is-active .CDB-NavSubmenu-Link{border-bottom:1px solid #DDD;color:#fff}.CDB-Navmenu.is-dark .CDB-NavSubmenu-Status{color:#636D72}.CDB-Shape-dot{display:inline-block;width:8px;min-width:8px;height:8px;border-radius:8px}.CDB-Shape-threePoints{display:inline-block;position:relative;width:3px;height:16px;margin-right:-7px;margin-left:6px;padding:0 7px 0 10px;text-align:center}.CDB-Shape-threePoints:after,.CDB-Shape-threePoints:before{display:inline-block;position:absolute;width:3px;height:3px;border-radius:50%;content:'';z-index:1}.CDB-Shape-threePoints:before{top:0;right:7px}.CDB-Shape-threePoints:after{right:7px;bottom:1px}.CDB-Shape-threePoints:hover{cursor:pointer}.CDB-Shape-threePointsItem{display:block;position:absolute;top:6px;left:7px;width:3px;height:3px;border-radius:50%}.CDB-Shape-lens{display:inline-block;position:relative;width:16px;height:16px}.CDB-Shape-lens:after,.CDB-Shape-lens:before{position:absolute}.CDB-Shape-lens:after{top:0;left:0;width:8px;height:8px;border:1px solid transparent;border-radius:10px}.CDB-Shape-lens:before{-webkit-transform:rotate(45deg);-khtml-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);right:3px;bottom:5px;width:6px;height:1px}.CDB-Shape-lens:hover{cursor:pointer}.CDB-Shape-hamburguer{display:inline-block;position:relative;width:16px;height:2px;border:0;background:#FFF}.CDB-Shape-hamburguer:after,.CDB-Shape-hamburguer:before{display:block;position:absolute;width:16px;height:2px;background:#FFF}.CDB-Shape-hamburguer:before{top:-6px}.CDB-Shape-hamburguer:after{bottom:-6px}.CDB-Shape-magnify{display:block;position:relative;width:32px;height:32px}.CDB-Shape-magnify:before{display:block;position:absolute;top:10px;left:10px;width:7px;height:7px;border:1px solid #636D72;border-radius:50%}.CDB-Shape-Arrow,.CDB-Shape-magnify:after{display:block;position:absolute;width:1px}.CDB-Shape-magnify:after{top:17px;left:19px;height:6px;transform:rotate(314deg);background:#636D72}.CDB-Shape-Arrow{height:8px;background:#32A8E6}.CDB-Shape-Arrow:after,.CDB-Shape-Arrow:before{display:block;position:absolute;top:2px;width:5px;height:1px;background:#32A8E6;content:''}.CDB-Shape-Arrow:before{left:0;transform:rotate(45deg)}.CDB-Shape-Arrow:after{left:-4px;transform:rotate(-45deg)}.CDB-Shape-Arrow--top{top:6px;right:9px;transform:rotate(45deg)}.CDB-Shape-Arrow--bottom{top:13px;left:46px;transform:rotate(-135deg)}.CDB-Text{font-family:'Open Sans'}.CDB-Text.is-semibold{font-weight:600}.CDB-Text.is-light{font-weight:300}.CDB-Size-huge{font-size:26px;line-height:34px}.CDB-Size-large{font-size:16px;line-height:22px}.CDB-Size-medium{font-size:12px;line-height:16px}.CDB-Size-small{font-size:10px;line-height:14px}@font-face{font-family:CartoIcon;src:url(../fonts/cartoIcon.eot);src:url(../fonts/cartoIcon.eot?#iefix) format("embedded-opentype"),url(../fonts/cartoIcon.woff) format("woff"),url(../fonts/cartoIcon.ttf) format("truetype"),url(../fonts/cartoIcon.svg?ey3vsq#cartoIcon) format("svg");font-weight:400;font-style:normal}.CDB-IconFont{display:inline-block;font-family:CartoIcon;font-style:normal;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1}.CDB-IconFont--top{vertical-align:top}.CDB-IconFont--small{font-size:11px}.CDB-IconFont-clock::before{content:'\E001'}.CDB-IconFont-stats::before{content:'\E002'}.CDB-IconFont-heartEmpty::before{content:'\E003'}.CDB-IconFont-heartFill::before{content:'\E004'}.CDB-IconFont-alert::before{content:'\E005'}.CDB-IconFont-rows::before{content:'\E006'}.CDB-IconFont-check::before{content:'\E007'}.CDB-IconFont-dribbble::before{content:'\E008'}.CDB-IconFont-twitter::before{content:'\E009'}.CDB-IconFont-caretDown::before{content:'\E00A'}.CDB-IconFont-lightbulb::before{content:'\E00B'}.CDB-IconFont-explore::before{content:'\E00C'}.CDB-IconFont-drop::before{content:'\E00D'}.CDB-IconFont-wizard::before{content:'\E00E'}.CDB-IconFont-info::before{content:'\E00F'}.CDB-IconFont-fork::before{content:'\E010'}.CDB-IconFont-facebook::before{content:'\E011'}.CDB-IconFont-folder::before{content:'\E012'}.CDB-IconFont-dropbox::before{content:'\E013'}.CDB-IconFont-cloud::before{content:'\E014'}.CDB-IconFont-step::before{content:'\E015'}.CDB-IconFont-addDocument::before{content:'\E016'}.CDB-IconFont-arrowNext::before{content:'\E017'}.CDB-IconFont-arrowPrev::before{content:'\E018'}.CDB-IconFont-close::before{content:'\E019'}.CDB-IconFont-cartoFante::before{content:'\E01A'}.CDB-IconFont-lock::before{content:'\E01B'}.CDB-IconFont-cartoDB::before{content:'\E01C'}.CDB-IconFont-lens::before{content:'\E01D'}.CDB-IconFont-closeLimits::before{content:'\E01E'}.CDB-IconFont-defaultUser::before{content:'\E01F'}.CDB-IconFont-cockroach::before{content:'\E020'}.CDB-IconFont-floppy::before{content:'\E021'}.CDB-IconFont-trash::before{content:'\E022'}.CDB-IconFont-wifi::before{content:'\E023'}.CDB-IconFont-unlock::before{content:'\E024'}.CDB-IconFont-unlockWithEllipsis::before{content:'\E025'}.CDB-IconFont-gift::before{content:'\E026'}.CDB-IconFont-people::before{content:'\E027'}.CDB-IconFont-play::before{content:'\E028'}.CDB-IconFont-add::before{content:'\E029'}.CDB-IconFont-map::before{content:'\E02A'}.CDB-IconFont-anchor::before{content:'\E02B'}.CDB-IconFont-key::before{content:'\E02C'}.CDB-IconFont-calendar::before{content:'\E02D'}.CDB-IconFont-document::before{content:'\E02E'}.CDB-IconFont-eye::before{content:'\E02F'}.CDB-IconFont-marker::before{content:'\E030'}.CDB-IconFont-progressBar::before{content:'\E031'}.CDB-IconFont-book::before{content:'\E032'}.CDB-IconFont-notes::before{content:'\E033'}.CDB-IconFont-rectangles::before{content:'\E034'}.CDB-IconFont-mountain::before{content:'\E035'}.CDB-IconFont-points::before{content:'\E036'}.CDB-IconFont-snake::before{content:'\E037'}.CDB-IconFont-boss::before{content:'\E038'}.CDB-IconFont-rocket::before{content:'\E039'}.CDB-IconFont-barometer::before{content:'\E03A'}.CDB-IconFont-dollar::before{content:'\E03B'}.CDB-IconFont-email::before{content:'\E03C'}.CDB-IconFont-label::before{content:'\E03D'}.CDB-IconFont-outside::before{content:'\E03E'}.CDB-IconFont-jigsaw::before{content:'\E03F'}.CDB-IconFont-tools::before{content:'\E040'}.CDB-IconFont-question::before{content:'\E041'}.CDB-IconFont-layerStack::before{content:'\E042'}.CDB-IconFont-alarm::before{content:'\E043'}.CDB-IconFont-cloudDownArrow::before{content:'\E044'}.CDB-IconFont-pencil::before{content:'\E045'}.CDB-IconFont-fountainPen::before{content:'\E046'}.CDB-IconFont-emptyDoc::before{content:'\E047'}.CDB-IconFont-mergeArrow::before{content:'\E048'}.CDB-IconFont-mergeColumns::before{content:'\E049'}.CDB-IconFont-mergeSpatial::before{content:'\E04A'}.CDB-IconFont-globe::before{content:'\E04B'}.CDB-IconFont-chevronDown::before{content:'\E04C'}.CDB-IconFont-streets::before{content:'\E04D'}.CDB-IconFont-keys::before{content:'\E04E'}.CDB-IconFont-facebookSquare::before{content:'\E04F'}.CDB-IconFont-fullscreen::before{content:'\E050'}.CDB-IconFont-rArrowLight::before{content:'\E051'}.CDB-IconFont-share::before{content:'\E052'}.CDB-IconFont-linkedin::before{content:'\E053'}.CDB-IconFont-calendarBlank::before{content:'\E054'}.CDB-IconFont-creativeCommons::before{content:'\E055'}.CDB-IconFont-bubble::before{content:'\E056'}.CDB-IconFont-bars::before{content:'\E057'}.CDB-IconFont-arrowMenuLight::before{content:'\E058'}.CDB-IconFont-tieFighter::before{content:'\E059'}.CDB-IconFont-ray::before{content:'\E05A'}.CDB-IconFont-markup::before{content:'\E05B'}.CDB-IconFont-table::before{content:'\E05C'}.CDB-IconFont-airlock::before{content:'\E05D'}.CDB-IconFont-pin::before{content:'\E05E'}.CDB-IconFont-attache::before{content:'\E05F'}.CDB-IconFont-download::before{content:'\E060'}.CDB-IconFont-group::before{content:'\E061'}.CDB-IconFont-dashboard::before{content:'\E062'}.CDB-IconFont-spinner::before{content:'\E063'}.CDB-IconFont-mapsearch::before{content:'\E064'}.CDB-IconFont-rArrow::before{content:'\E065'}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local("Open Sans Light"),local("OpenSans-Light"),url(//themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf) format("truetype")}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local("Open Sans"),local("OpenSans"),url(//themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf) format("truetype")}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local("Open Sans Semibold"),local("OpenSans-Semibold"),url(//themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf) format("truetype")}.u-tSpace{margin-top:4px}.u-tSpace-xl{margin-top:12px}.u-rSpace--s{margin-right:2px}.u-rSpace{margin-right:4px}.u-rSpace--m{margin-right:8px}.u-rSpace--xl{margin-right:12px}.u-lSpace{margin-left:4px}.u-lSpace--xl{margin-left:12px}.u-iBlock{display:inline-block;vertical-align:middle}.u-showDesktop{display:block!important}.u-showMobile{display:none!important}@media only screen and (max-width:600px){.u-showDesktop{display:none!important}.u-showMobile{display:block!important}}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;text-decoration:none;color:#3AA9E3}abbr[title]{border-bottom:1px dotted}mark{background:#ff0;color:#000}sub,sup{line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible;margin:0;padding:0;border:none;background:0 0;box-sizing:border-box}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=checkbox],input[type=radio]{-moz-appearance:none;-webkit-appearance:none;appearance:none;box-sizing:border-box;padding:0;outline:0;cursor:pointer}input[type=range]::-webkit-slider-thumb{-moz-appearance:none;-webkit-appearance:none;appearance:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}optgroup{font-weight:700}input{line-height:normal;-moz-appearance:none;-webkit-appearance:none;appearance:none}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}body{margin:0;line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}dd,dt{display:inline-block}a:hover{text-decoration:underline} \ No newline at end of file diff --git a/fonts/cartoIcon.eot b/fonts/cartoIcon.eot index 7ee71e1f786a1fbede6afff863af16281ffe10ee..968d338f79986d281f793c39f6aa0619ed9cfd16 100644 GIT binary patch delta 1681 zcmY+EeQZ-z6u|F!@AZ9k>+AaZKH6<;>)^dnx3%l%Hnw(*F+NiGgKf&hq;y+H3ESF? zA{zmV2?3%rg4JXiBm7}>f1rsO(L~TJ#zZ72(-=cWAOsVGMu?FQb&$pTI+o4ko_EhZ z=iGDO`MrDIsaIht5A@U)gr00ZO@}DY^<#HWx8-u}2tf@(=-K|^L}un-)u#xNDz&E&yEUQz)*|EzS)({-UGC7p) zPu#4T?L>$gz{c-~6Jr_d`2zb`ysjKc3@5XHJI7x^sP!a5ge#NYpVfc3iZ@4bLT-D0 zCseN)M1X^_+&y;P6Bk+@A~Vcm3;OZuMAy=sKMM{R%zqB$@Hl@BqL9q1L>mt`@XiNV zil=uFyTEiGtJeI-qz97IH_0I6PLgi&JcX!6YLI%D`jWb1l1(F~Nz)b6A2d&|rr)D4 zG1pid8)CEU9nQjC<`(!`{-`-(o;Ckfq!xvWri$i@sbYKa_ToduQ^ofzyDdj8la`x8 zMwqek)|mBc>zxu;$@3-WYysPG+m!8|xKlhNPKh((ynU$IJ|}%3U6R}72Z~$iQ;sRW zs*UPP>P7Wu^^wEv*zV|a9Cw^`%sT#bZgrk@-Y%6(&y}fV82R*!=`NKs(BKNeifDww zN?2!fX0CERdf`G;RWI~RO!Q!mg_s*~ABjjuUets(pcv{wakLL1(E`jWP$XILhr+=K zgzG^UX-29JYI;2w2JE%d0#ws>91_sOOA3kObDE2h_Js>v=c>l3|fxm?T-8Qege0af+8^No0CT`XMUE6dTYc zv9Hpg>XJ8?B396wh64?Q- zk_^GOQBY>%>?~vFY-K=2`BfrA3Ir?i0uZ_^)qs_kN`fw^--17aLFt4yCW8og%!B69 zfH$X7M~+0g0B8M-Am|pC>g3F3&Z)Xu=$FCCvQ7{zwmPe|&Snu%o@#!3`Xhd)Cr1_V zJi^Vk8r7h6Xd}LkOi5V6RR!_w!cUAta|xhpv{YiR0J(547*Z+GO?n7l3KxyZ`N9Pb z9*BTXw$m<6|82t&{C0=2P;ZblF)?8>7nE+s%>H!vFwC{%*Z1dQKA%>pwv#N$FjqiZ zr{Mu(Uhwx`YJPvr2Vy%(GVFM{ zt~cv?xzSvO!mPM3++k7B8HG{)S!}JRjb;Q)pJ{F<@DJ#A%U3+~K|c&Y5-;Cx)oPW! z{ppdq!SqNr?)AqvCljODjl-GjxV*w1ShRQM=UWGRS8QnTdgJ|x(PXwGeQ@M|_J(+D z@19h)@4!%>w4A8H>x*w3%M7JQleU#sf4pNfotfSpxdBqevcn&Y_l)4b^uFh&yW8F* z9qO_x+!P;OKRTK|SU4vCWW$NF(q(UBC|+=GOO6~^40xyGmS;spO^xwwiOhanY=25z L-q*C0)nN7?h3J3f delta 610 zcmZ26nQ=llBijU528Jgt6WPpIe7zpzPIRcRcVJ*()L>v>2usdQEI3f4xQ&5YpC?LA=rz()W28dNMa!V=>#sOIj zj155Cl9QjDSh1|lh=GA604R7QH?g9Cv6^8oP>uu0SIA4uO)dE@RoTVBVEKW8fk~+# zzqllI|F3ln3^qUuInGUvU{qF3WMBlD$iR^Mz{@wD-{va=H{&m$2*aggOV7aQ$qN`I z851Y(Vw7e4H~9vmJ!8UT2_}cl8BC#!jJ%T%G3zrXZ2rV-%2>aS=?=3Hvk7w?a}Vg69N32+0YV z2^9!E5)KfN5wR25p(mOpxYYIjR{*W+vz7>89o9mBbqu z$9tqE7M1AgrsfuuR7xPpn80MxCeLt8+Z^t6mr-01A#ZFNADRb@scc={^39$uQkD0oa diff --git a/fonts/cartoIcon.svg b/fonts/cartoIcon.svg index 47e72b1..c7bc81c 100644 --- a/fonts/cartoIcon.svg +++ b/fonts/cartoIcon.svg @@ -13,10 +13,10 @@ - - - + + + + - - - + unicode="" + horiz-adv-x="500" d=" M93.8758506 395.1534510000002L406.124149 395.1534510000002L406.124149 354.0480490000009L93.8758506 354.0480490000009L93.8758506 395.1534510000002zM93.8758506 145.9519509999991L406.124149 145.9519509999991L406.124149 104.8465489999999L93.8758506 104.8465489999999L93.8758506 145.9519509999991zM93.8758506 270.6568530000004L281.072073 270.6568530000004L281.072073 229.5514509999994L93.8758506 229.5514509999994L93.8758506 270.6568530000004zM447.854465 500L52.1455353 500C23.3995278 500 0 476.6004721999998 0 447.8544646999999L0 52.1455349999997C0 23.3995279999999 23.3995278 0 52.1455353 0L447.854465 0C476.669907 0 500 23.3995279999999 500 52.1455349999997L500 447.8544646999999C500 476.6004721999998 476.669907 500 447.854465 500L447.854465 500z" /> - + unicode="" + horiz-adv-x="500" d=" M249.9965269999994 500C232.7276010000005 500 218.7374099999997 489.2538100999991 218.7374099999997 475.9999444000005L218.7374099999997 366.6902850000006C218.7374099999997 353.4294719999998 232.7276010000005 342.6902289999998 249.9965269999994 342.6902289999998C267.2585060000001 342.6902289999998 281.2556440000008 353.4294719999998 281.2556440000008 366.6902850000006L281.2556440000008 475.9999444000005C281.2556440000008 489.2538100999991 267.2585060000001 500 249.9965269999994 500zM249.9965269999994 157.3097710000002C232.7276010000005 157.3097710000002 218.7374099999997 146.5635810000004 218.7374099999997 133.3097149999994L218.7374099999997 24.0000560000008C218.7374099999997 10.739243 232.7276010000005 0 249.9965269999994 0C267.2585060000001 0 281.2556440000008 10.739243 281.2556440000008 24.0000560000008L281.2556440000008 133.3097149999994C281.2556440000008 146.5635810000004 267.2585060000001 157.3097710000002 249.9965269999994 157.3097710000002zM475.9999439999992 280.686033L366.6902850000006 280.686033C353.4294719999998 280.686033 342.6902289999998 266.6958419999992 342.6902289999998 249.4338630000002C342.6902289999998 232.1649369999996 353.4294719999998 218.1677990000008 366.6902850000006 218.1677990000008L475.9999439999992 218.1677990000008C489.2468640000006 218.1677990000008 500 232.1649369999996 500 249.4338630000002C500 266.6958419999992 489.2468640000006 280.686033 475.9999439999992 280.686033zM157.3028240000003 249.4338630000002C157.3028240000003 266.6958419999992 146.5566350000008 280.686033 133.3027689999999 280.686033L23.9931090999999 280.686033C10.7392433999994 280.686033 0 266.6958419999992 0 249.4338630000002C0 232.1649369999996 10.7392433999994 218.1677990000008 23.9931090999999 218.1677990000008L133.3027689999999 218.1677990000008C146.5566350000008 218.1677990000008 157.3028240000003 232.1649369999996 157.3028240000003 249.4338630000002zM354.6173190000009 310.4099810000007L431.9106960000009 387.7033580000007C441.2814849999995 397.0741469999994 438.9822029999996 414.5792523 426.7703079999992 426.7842008999997C414.5584130000007 438.9960960999997 397.0671999999995 441.2814849000006 387.7033580000007 431.9176425999995L310.4030340000009 354.6173190000009C301.0322460000007 345.2465300000004 303.3245810000008 327.7622640000009 315.5364759999993 315.5503690000005C327.7414250000002 303.3454199999997 345.2395840000009 301.0322460000007 354.6173190000009 310.4099810000007zM145.3757349999996 189.5900189999993L68.0893037999995 112.3035889999992C58.7115687000005 102.9258530000006 61.0108504 85.4346409999998 73.2157991000004 73.2296920000008C85.4276941999997 61.024743 102.9189069999993 58.7185150000005 112.2966419999993 68.0893039999992L189.5900189999993 145.3826809999992C198.9608079999998 154.7534699999997 196.6615259999999 172.2516290000003 184.4496309999995 184.4635240000007C172.2446820000005 196.6754189999993 154.7465229999998 198.9677539999993 145.3757349999996 189.5900189999993zM354.207477 189.1871240000001C344.8297419999999 198.5648590000001 327.3454760000004 196.2655770000001 315.1335810000001 184.0606289999996C302.9286319999992 171.8487339999993 300.6224039999998 154.3575209999999 310.0001389999998 144.9797859999999L387.2935159999998 67.6864089999999C396.6643050000003 58.3156199999994 414.1694110000008 60.6149019999994 426.3743589999995 72.8198499999999C438.5793080000003 85.0317450000002 440.8716430000004 102.5229579999996 431.5008539999999 111.8868000000002L354.207477 189.1871240000001zM144.972839 310.0070849999993C154.3436280000005 300.6362970000009 171.8417869999994 302.9355780000006 184.0536819999998 315.1474739999994C196.2586310000006 327.352422 198.5509660000007 344.8436349999993 189.1801780000005 354.2144239999998L111.8868000000002 431.5078009000008C102.5090650000002 440.8785896000009 85.0247989 438.5862543000003 72.8198501999996 426.3743591999992C60.6079551000003 414.1694105000006 58.3017268999993 396.6712509999998 67.6725155999993 387.3004629999996L144.972839 310.0070849999993z" /> + + diff --git a/fonts/cartoIcon.ttf b/fonts/cartoIcon.ttf index d4c799341429ad731ed7479e675e79f421303534..8101d995b89104d42150f72eaba6951ebac694ad 100644 GIT binary patch delta 1701 zcmY*ZdrVtp6#q`|?R^z`OWS*I%VR*9y{uAN`h*SI4H$DvheklbnN%KST?VvaoxrkL zOqOjbMrSp_#OVH-{6S0%i~g}`7GvUErbAT! ze)l{5?G<=<60!scAp)5s6sdT!!{hUOw4<32s7Cae{^8#A`LW7R2%&624%=HA4sgfyKXMCVAS4rJ8tE@N;M6Y}jRXRD%v`4i)* zZyx>G6Birr5Cbe>F!}!SRLAQ3#@N62gl>3TNIC&e?vn-L<>y?e;$VG5aa|y#24@UB#!0e<_hmW=n0Q_!Z`?`kQoCYa2TR z6JZDmD`AyY*@cRw=-IPTo9%4Z)KnKzoApLIG|NiNrnTfi4kD_51U>22#g~87bBgZRS;SYP#XqaN3?gLI!*a{Fb-c;M z>k78j1lx4FwqVV+f`eL82@B_6uphLfwE}zql7>hyOi>)B6gfYoRq=8hMf8uDzC+58 z#X7Qs>>(ukSQRqlk3hhwYK&DPb5>c=D5?wvJg@<*3|kdy0)4PjLZ*>ijhQ^nRSpLC z+7lU8Wkq8w?30xhw?N1be}28e#e2#(Z7O#Gzx)*s9`!|@hig2)(_T_ye;k&x7oZ9{ zB9W)zHHy^acAK&O;`CG0AQw+o+0htnZ~>SUxMYdOgId%;plk*ZficqtqV zGUp5DdGJ64e6p2sIMqK|j^ODIqtI_rjBaX5Z^$d1tbzOC@L^bJ#^d|5F`v&_VQZ#1 zie)c>bBhxfjC;Y~bB^cF^-KxENrp-S3=B{VvwSA6H!>m(&-W~U)AL5NQsMObV?MAn zQxwZhl&R`wRV~woE8mz28^Z~Ug32naa(`vC9u1o2Fn6n=SqFo;P~#T@^g%xiKmxb- z8=W=EzW&sRdoVSUiF^I=ClbA*neD^r%!IrS53JyAx%Q^Po^=6rUT?g=cQlb{O^uEG z53h^I_U%n(`VJ2DNo$GfyuSGM@$^t?G+|zk`s1ymsr1~LrYj(ouNnNoc-IL2aqoY2 zZYKIRWw))F!VU4!ZKI>9v3!}_Q!U3!OV+IQp?Kc7J27%_#bL4KnrB@{4fXNez3Btk PY=6?S7T2(vRpabGCG~v< delta 648 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 diff --git a/styleguide/index.html b/styleguide/index.html index 67eac99..37b59c0 100644 --- a/styleguide/index.html +++ b/styleguide/index.html @@ -10108,6 +10108,19 @@ return jQuery;
  • Basics
    • +
  • + Boxes + +
    • +
  • + Buttons + +
  • Colors
      @@ -10118,13 +10131,34 @@ return jQuery;
  • + Forms + +
    • +
  • + Lists + +
    • +
  • Loader
  • + Menu +
    • +
  • Shapes
      +
    • Dot
    • arrow
      • -
    • dot
    • hamburguer
    • lens
    • magnify
      • @@ -11018,6 +11052,205 @@ hsla(120, 100%, 50%, 1); +
      + +
      +

      Boxes/Box Dropdown

      + +
      + +
      +
       
      +
      + +
      +
      +<div class="CDB-Box-Modal">&#xA0;</div>
+
      +
      + +
      +
      + +
      +

      Buttons/Primary

      +

      Layout Component: +[CDB-Button][CDB-Button--primary | CDB-Button--secondary]

      +
      + +
      + + + + + + + + +
      +
      +
      + +
      + + + + + + + +
      +
      + +
      +
      +<button class="CDB-Button CDB-Button--primary">
+  <span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-medium">SAVE</span>
+</button>
+
+<button class="CDB-Button CDB-Button--primary is-disabled">
+  <span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-medium">SAVE</span>
+</button>
+
+<button class="CDB-Button CDB-Button--primary CDB-Button--small">
+  <span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-small">SAVE</span>
+</button>
+
+<button class="CDB-Button CDB-Button--primary CDB-Button--small is-disabled">
+  <span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-small">SAVE</span>
+</button>
+
+<br>
+<br>
+<br>
+
+<div style="background: #2E3C43; padding: 20px;">
+  <button class="CDB-Button CDB-Button--primary">
+    <span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-medium">SAVE</span>
+  </button>
+
+  <button class="CDB-Button CDB-Button--primary is-disabled">
+    <span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-medium">SAVE</span>
+  </button>
+
+  <button class="CDB-Button CDB-Button--primary CDB-Button--small">
+    <span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-small">SAVE</span>
+  </button>
+
+  <button class="CDB-Button CDB-Button--primary CDB-Button--small is-disabled">
+    <span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-small">SAVE</span>
+  </button>
+</div>
+
      +
      + +
      +
      + +
      +

      Buttons/Secondary

      + +
      + +
      + + + + + + + + +
      +
      +
      + +
      + + + + + + + +
      +
      + +
      +
      +<button class="CDB-Button CDB-Button--secondary">
+  <span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-medium">SAVE</span>
+</button>
+
+<button class="CDB-Button CDB-Button--secondary is-disabled">
+  <span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-medium">SAVE</span>
+</button>
+
+<button class="CDB-Button CDB-Button--secondary CDB-Button--small">
+  <span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-small">SAVE</span>
+</button>
+
+<button class="CDB-Button CDB-Button--secondary CDB-Button--small is-disabled">
+  <span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-small">SAVE</span>
+</button>
+
+<br>
+<br>
+<br>
+
+<div style="background: #2E3C43; padding: 20px;">
+  <button class="CDB-Button CDB-Button--secondary">
+    <span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-medium">SAVE</span>
+  </button>
+
+  <button class="CDB-Button CDB-Button--secondary is-disabled">
+    <span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-medium">SAVE</span>
+  </button>
+
+  <button class="CDB-Button CDB-Button--secondary CDB-Button--small">
+    <span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-small">SAVE</span>
+  </button>
+
+  <button class="CDB-Button CDB-Button--secondary CDB-Button--small is-disabled">
+    <span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-small">SAVE</span>
+  </button>
+</div>
+
      +
      + +
      @@ -11125,6 +11358,286 @@ hsla(120, 100%, 50%, 1);
      + +
      + +
      +

      Forms/Checkbox

      + +
      + +
      + + + +
      + +
      +
      +<input type="checkbox" name="vehicle" value="Bike" class="CDB-Checkbox" checked>
+<input type="checkbox" name="vehicle" value="Bus" class="CDB-Checkbox">
+<input type="checkbox" name="vehicle" value="Car" class="CDB-Checkbox" disabled>
+
      +
      + +
      +
      + +
      +

      Forms/Inputs

      + +
      + +
      + + + +
      + +
      +
      +<input type="text" name="text" placeholder="DejaVu Sans" class="CDB-InputText CDB-Text">
+<input type="text" name="text" placeholder="DejaVu Sans" class="CDB-InputText has-error CDB-Text">
+<input type="text" name="text" placeholder="DejaVu Sans" disabled class="CDB-InputText is-disabled CDB-Text">
+
      +
      + +
      +
      + +
      +

      Forms/Labels

      + +
      + +
      + + + +
      +
      +
      + + + + +
      +
      +
      + +
      +

      RADIO

      +
        +
      • + +
        • +
      • + +
        • +
      +
      +
      +

      RADIO

      +
      + +
      +
      +
      + +
      +
      +<label class="u-iblock CDB-Text CDB-Size-medium u-rSpace--xl">
+  <input class="CDB-Radio u-iBlock u-rSpace--s" type="radio" name="True" value="01" checked>
+  <span class="u-iBlock">True</span>
+</label>
+<label class="u-iblock CDB-Text CDB-Size-medium">
+  <input class="CDB-Radio u-iBlock u-rSpace--s" type="radio" name="True" value="02" checked>
+  <span class="u-iBlock">False</span>
+</label>
+
+<br>
+<br>
+<br>
+
+<label class="u-iblock CDB-Text CDB-Size-medium u-rSpace--xl">
+  <input class="CDB-Checkbox u-iBlock u-rSpace--s" type="checkbox" name="hobbies" value="Sport">
+  <span class="u-iBlock">Sport</span>
+</label>
+<label class="u-iblock CDB-Text CDB-Size-medium">
+  <input class="CDB-Checkbox u-iBlock u-rSpace--s" type="checkbox" name="hobbies" value="Travel">
+  <span class="u-iBlock">Travel</span>
+</label>
+
+<br>
+<br>
+<br>
+
+<fieldset>
+  <p class="CDB-Legend u-iBlock CDB-Text is-semibold CDB-Size-small u-rSpace--m">RADIO</p>
+  <ul class="CDB-Text CDB-Size-medium u-iBlock">
+    <li class="u-iBlock u-rSpace--xl">
+      <label>
+        <input class="CDB-Checkbox u-iBlock u-rSpace--s" type="checkbox" name="Gender" value="Travel">
+        <span class="u-iBlock">Travel</span>
+      </label>
+    </li>
+    <li class="u-iblock">
+      <label>
+        <input class="CDB-Checkbox u-iBlock u-rSpace--s" type="checkbox" name="Gender" value="Travel">
+        <span class="u-iBlock">Travel</span>
+      </label>
+    </li>
+  </ul>
+</fieldset>
+<fieldset class="u-tSpace-xl CDB-Text">
+  <p class="CDB-Legend u-iBlock is-semibold CDB-Size-small u-rSpace--m">RADIO</p>
+  <div class="u-iBlock">
+    <input type="text" name="text" placeholder="DejaVu Sans" class="CDB-InputText">
+  </div>
+</fieldset>
+
      +
      + +
      +
      + +
      +

      Forms/Radio

      + +
      + +
      + + + +
      + +
      +
      +<input class="CDB-Radio" type="radio" name="Gender" value="01" checked>
+<input class="CDB-Radio" type="radio" name="Gender" value="02">
+<input class="CDB-Radio" type="radio" name="Gender" value="03" disabled>
+
      +
      + +
      +
      + +
      +

      Forms/Selects

      + +
      + +
      +
      + +
      + +
      +
      +
      + +
      +
      +<div class="CDB-Select" style="height: 250px;">
+  <input type="text" name="text" placeholder="DejaVu Sans" class="CDB-InputText CDB-Text">
+  <div class="CDB-Box-Modal CDB-SelectItem">
+    <ul class="CDB-Text CDB-Size-medium">
+      <li class="CDB-ListDecoration-Item"><a href="#" class="CDB-ListDecoration-ItemLink">Hide</a></li>
+      <li class="CDB-ListDecoration-Item"><a href="#" class="CDB-ListDecoration-ItemLink">Rename</a></li>
+      <li class="CDB-ListDecoration-Item"><a href="#" class="CDB-ListDecoration-ItemLink">Change source dataset&#x2026;</a></li>
+      <li class="CDB-ListDecoration-Item"><a href="#" class="CDB-ListDecoration-ItemLink">Delete this layer&#x2026;</a></li>
+    </ul>
+  </div>
+</div>
+
      +
      + +
      +
      + +
      +

      Forms/Sliders

      + +
      + +
      + +
      + +
      +
      +<input type="range" min="100" max="500" step="50" value="300" class="CDB-Range">
+
      +
      + +
      +
      + +
      +

      Forms/Toogle

      + +
      + +
      + +
      + +
      +
      +<label class="CDB-Text CDB-Size-small is-semibold u-rSpace--xl">
+  <span class="u-iBlock">TOOLS</span>
+  <input class="CDB-Toogle u-iBlock" type="checkbox" name="Analysis">
+  <span class="u-iBlock">SQL</span>
+</label>
+
      +
      + +
      +
      + +
      +

      Lists/Lists Decorations

      + +
      + +
      +
       
      +
      + +
      +
      +<div class="CDB-Box-Modal">&#xA0;</div>
+
      +
      +
      @@ -11144,6 +11657,162 @@ There is only one state 'is-visible', in order to make it visible.

      + +
      + +
      +

      Menu

      + +
      + +
      + + +

      +

      + +
      + +
      + +

      +

      +
      + +
      +
      +<nav class="CDB-NavMenu">
+  <ul class="CDB-NavMenu-Inner CDB-Text is-semibold CDB-Size-medium">
+    <li class="CDB-NavMenu-Item">
+      <a class="CDB-NavMenu-Link" href="#">DATA</a>
+    </li>
+    <li class="CDB-NavMenu-Item">
+      <a class="CDB-NavMenu-Link" href="#">STYLE</a>
+    </li>
+    <li class="CDB-NavMenu-Item">
+      <a class="CDB-NavMenu-Link" href="#">POP-UP</a>
+      <ul class="CDB-NavSubmenu CDB-Size-small">
+        <li class="CDB-NavSubmenu-Item is-active">
+          <a href="#" class="CDB-NavSubmenu-Link">CLICK <span class="CDB-NavSubmenu-Status">NONE</span></a>
+        </li>
+        <li class="CDB-NavSubmenu-Item">
+          <a href="#" class="CDB-NavSubmenu-Link">HOVER <span class="CDB-NavSubmenu-Status">NONE</span></a>
+        </li>
+      </ul>
+    </li>
+    <li class="CDB-NavMenu-Item">
+      <a class="CDB-NavMenu-Link" href="#">LEGEND</a>
+    </li>
+  </ul>
+  <div style="position: absolute; right: 0; top: 0; height: 24px; width: 46px; background: red;">
+    <!-- ready for a button -->
+  </div>
+</nav>
+
+<br><br>
+<br><br>
+
+<div style="background: #2E3C43; height: 100px; padding: 20px;">
+  <nav class="CDB-NavMenu is-dark">
+    <ul class="CDB-NavMenu-Inner CDB-Text is-semibold CDB-Size-medium">
+      <li class="CDB-NavMenu-Item CDB-Text">
+        <a class="CDB-NavMenu-Link" href="#">DATA</a>
+      </li>
+      <li class="CDB-NavMenu-Item">
+        <a class="CDB-NavMenu-Link" href="#">STYLE</a>
+      </li>
+      <li class="CDB-NavMenu-item is-active">
+        <a class="CDB-NavMenu-Link" href="#">POP-UP</a>
+        <ul class="CDB-NavSubmenu CDB-Size-small">
+          <li class="CDB-NavSubmenu-Item is-active">
+            <a href="#" class="CDB-NavSubmenu-Link">CLICK <span class="CDB-NavSubmenu-Status">NONE</span></a>
+          </li>
+          <li class="CDB-NavSubmenu-Item">
+            <a href="#" class="CDB-NavSubmenu-Link">HOVER <span class="CDB-NavSubmenu-Status">NONE</span></a>
+          </li>
+        </ul>
+      </li>
+      <li class="CDB-NavMenu-Item">
+        <a class="CDB-NavMenu-Link" href="#">LEGEND</a>
+      </li>
+    </ul>
+  </nav>
+</div>
+
+<br><br>
+<br><br>
+
      +
      + +
      +
      + +
      +

      Shapes/Dot

      +

      You may resize and change the colors of the icons with the glyph--classes. Available sizes and colors listed:

      +
      + +
      + + +
      + +
      +
      +<button class="CDB-Shape-dot CDB-Widget-dot--navigation is-selected" data-page="3"></button>
+<button class="CDB-Shape-dot CDB-Widget-dot--navigation" data-page="3"></button>
+
      +
      +
      @@ -11162,26 +11831,6 @@ There is only one state 'is-visible', in order to make it visible.

      - -
      - -
      -

      Shapes/dot

      -

      You may resize and change the colors of the icons with the glyph--classes. Available sizes and colors listed:

      -
      - -
      - - -
      - -
      -
      -<button class="CDB-Shape-dot CDB-Widget-dot--navigation is-selected" data-page="3"></button>
-<button class="CDB-Shape-dot CDB-Widget-dot--navigation" data-page="3"></button>
-
      -
      -
      @@ -11263,22 +11912,22 @@ There is only one state 'is-visible', in order to make it visible.

      -

      Open Sans 26/34 Regular

      -

      Open Sans 16/22 Regular

      -

      Open Sans 12/16 Semibold

      -

      Open Sans 12/16 Semibold

      -

      Open Sans 10/14 Semibold

      -

      Open Sans 10/14 Regular

      +

      Open Sans 26/34 Regular

      +

      Open Sans 16/22 Regular

      +

      Open Sans 12/16 Semibold

      +

      Open Sans 12/16 Regular

      +

      Open Sans 10/14 Semibold

      +

      Open Sans 10/14 Regular

      -<p class="Text Size-huge">Open Sans 26/34 Regular</p>
-<p class="Text Size-large">Open Sans 16/22 Regular</p>
-<p class="Text is-semibold Size-medium">Open Sans 12/16 Semibold</p>
-<p class="Text Size-medium">Open Sans 12/16 Semibold</p>
-<p class="Text is-semibold Size-small">Open Sans 10/14 Semibold</p>
-<p class="Text Size-small">Open Sans 10/14 Regular</p>
+<p class="CDB-Text CDB-Size-huge">Open Sans 26/34 Regular</p>
+<p class="CDB-Text CDB-Size-large">Open Sans 16/22 Regular</p>
+<p class="CDB-Text is-semibold CDB-Size-medium">Open Sans 12/16 Semibold</p>
+<p class="CDB-Text CDB-Size-medium">Open Sans 12/16 Regular</p>
+<p class="CDB-Text is-semibold Size-small">Open Sans 10/14 Semibold</p>
+<p class="CDB-Text CDB-Size-small">Open Sans 10/14 Regular</p>
      @@ -11292,1156 +11941,1216 @@ There is only one state 'is-visible', in order to make it visible.

      - +

      clock

      - +

      stats

      - -

      heartempty

      + +

      heartEmpty

      - -

      heartfill

      + +

      heartFill

      - +

      alert

      - +

      rows

      - +

      check

      - +

      dribbble

      - +

      twitter

      - + +

      caretDown

      +
      + + +
      + +

      lightbulb

      +
      + + +
      + +

      explore

      +
      + + +
      + +

      drop

      +
      + + +
      +

      wizard

      - +

      info

      - +

      fork

      - +

      facebook

      - +

      folder

      - +

      dropbox

      - +

      cloud

      - +

      step

      - +

      addDocument

      - +

      arrowNext

      - +

      arrowPrev

      - +

      close

      - +

      cartoFante

      - +

      lock

      - +

      cartoDB

      - +

      lens

      - +

      closeLimits

      - +

      defaultUser

      - +

      cockroach

      - +

      floppy

      - +

      trash

      - +

      wifi

      - +

      unlock

      - -

      unlockwithEllipsis

      + +

      unlockWithEllipsis

      - +

      gift

      - +

      people

      - +

      play

      - +

      add

      - +

      map

      - +

      anchor

      - +

      key

      - +

      calendar

      - +

      document

      - +

      eye

      - +

      marker

      - +

      progressBar

      - +

      book

      - +

      notes

      - +

      rectangles

      - +

      mountain

      - +

      points

      - +

      snake

      - +

      boss

      - +

      rocket

      - +

      barometer

      - +

      dollar

      - +

      email

      - +

      label

      - +

      outside

      - +

      jigsaw

      - +

      tools

      - +

      question

      - +

      layerStack

      - +

      alarm

      - +

      cloudDownArrow

      - +

      pencil

      - +

      fountainPen

      - +

      emptyDoc

      - +

      mergeArrow

      - +

      mergeColumns

      - +

      mergeSpatial

      - +

      globe

      - +

      chevronDown

      - +

      streets

      - +

      keys

      - +

      facebookSquare

      - +

      fullscreen

      - -

      rarrow

      + +

      rArrowLight

      - +

      share

      - +

      linkedin

      - +

      calendarBlank

      - +

      creativeCommons

      - +

      bubble

      - +

      bars

      - -

      arrowMenu

      + +

      arrowMenuLight

      - +

      tieFighter

      - +

      ray

      - +

      markup

      - +

      table

      - +

      airlock

      - +

      pin

      - +

      attache

      - +

      download

      - +

      group

      - +

      dashboard

      - +

      spinner

      - -

      drop

      + +

      mapsearch

      +
      + + +
      + +

      rArrow

       <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--clock Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-clock Size-large"></i>
     <h4 class="Text Size-small">clock</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--stats Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-stats Size-large"></i>
     <h4 class="Text Size-small">stats</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--heartempty Size-large"></i>
-    <h4 class="Text Size-small">heartempty</h4>
+    <i class="CDB-IconFont CDB-IconFont-heartEmpty Size-large"></i>
+    <h4 class="Text Size-small">heartEmpty</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--heartfill Size-large"></i>
-    <h4 class="Text Size-small">heartfill</h4>
+    <i class="CDB-IconFont CDB-IconFont-heartFill Size-large"></i>
+    <h4 class="Text Size-small">heartFill</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--alert Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-alert Size-large"></i>
     <h4 class="Text Size-small">alert</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--rows Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-rows Size-large"></i>
     <h4 class="Text Size-small">rows</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--check Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-check Size-large"></i>
     <h4 class="Text Size-small">check</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--dribbble Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-dribbble Size-large"></i>
     <h4 class="Text Size-small">dribbble</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--twitter Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-twitter Size-large"></i>
     <h4 class="Text Size-small">twitter</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--wizard Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-caretDown Size-large"></i>
+    <h4 class="Text Size-small">caretDown</h4>
+  </div>
+
+
+  <div class="box">
+    <i class="CDB-IconFont CDB-IconFont-lightbulb Size-large"></i>
+    <h4 class="Text Size-small">lightbulb</h4>
+  </div>
+
+
+  <div class="box">
+    <i class="CDB-IconFont CDB-IconFont-explore Size-large"></i>
+    <h4 class="Text Size-small">explore</h4>
+  </div>
+
+
+  <div class="box">
+    <i class="CDB-IconFont CDB-IconFont-drop Size-large"></i>
+    <h4 class="Text Size-small">drop</h4>
+  </div>
+
+
+  <div class="box">
+    <i class="CDB-IconFont CDB-IconFont-wizard Size-large"></i>
     <h4 class="Text Size-small">wizard</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--info Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-info Size-large"></i>
     <h4 class="Text Size-small">info</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--fork Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-fork Size-large"></i>
     <h4 class="Text Size-small">fork</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--facebook Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-facebook Size-large"></i>
     <h4 class="Text Size-small">facebook</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--folder Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-folder Size-large"></i>
     <h4 class="Text Size-small">folder</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--dropbox Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-dropbox Size-large"></i>
     <h4 class="Text Size-small">dropbox</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--cloud Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-cloud Size-large"></i>
     <h4 class="Text Size-small">cloud</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--step Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-step Size-large"></i>
     <h4 class="Text Size-small">step</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--addDocument Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-addDocument Size-large"></i>
     <h4 class="Text Size-small">addDocument</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--arrowNext Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-arrowNext Size-large"></i>
     <h4 class="Text Size-small">arrowNext</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--arrowPrev Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-arrowPrev Size-large"></i>
     <h4 class="Text Size-small">arrowPrev</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--close Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-close Size-large"></i>
     <h4 class="Text Size-small">close</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--cartoFante Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-cartoFante Size-large"></i>
     <h4 class="Text Size-small">cartoFante</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--lock Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-lock Size-large"></i>
     <h4 class="Text Size-small">lock</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--cartoDB Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-cartoDB Size-large"></i>
     <h4 class="Text Size-small">cartoDB</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--lens Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-lens Size-large"></i>
     <h4 class="Text Size-small">lens</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--closeLimits Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-closeLimits Size-large"></i>
     <h4 class="Text Size-small">closeLimits</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--defaultUser Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-defaultUser Size-large"></i>
     <h4 class="Text Size-small">defaultUser</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--cockroach Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-cockroach Size-large"></i>
     <h4 class="Text Size-small">cockroach</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--floppy Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-floppy Size-large"></i>
     <h4 class="Text Size-small">floppy</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--trash Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-trash Size-large"></i>
     <h4 class="Text Size-small">trash</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--wifi Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-wifi Size-large"></i>
     <h4 class="Text Size-small">wifi</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--unlock Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-unlock Size-large"></i>
     <h4 class="Text Size-small">unlock</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--unlockwithEllipsis Size-large"></i>
-    <h4 class="Text Size-small">unlockwithEllipsis</h4>
+    <i class="CDB-IconFont CDB-IconFont-unlockWithEllipsis Size-large"></i>
+    <h4 class="Text Size-small">unlockWithEllipsis</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--gift Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-gift Size-large"></i>
     <h4 class="Text Size-small">gift</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--people Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-people Size-large"></i>
     <h4 class="Text Size-small">people</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--play Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-play Size-large"></i>
     <h4 class="Text Size-small">play</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--add Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-add Size-large"></i>
     <h4 class="Text Size-small">add</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--map Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-map Size-large"></i>
     <h4 class="Text Size-small">map</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--anchor Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-anchor Size-large"></i>
     <h4 class="Text Size-small">anchor</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--key Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-key Size-large"></i>
     <h4 class="Text Size-small">key</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--calendar Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-calendar Size-large"></i>
     <h4 class="Text Size-small">calendar</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--document Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-document Size-large"></i>
     <h4 class="Text Size-small">document</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--eye Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-eye Size-large"></i>
     <h4 class="Text Size-small">eye</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--marker Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-marker Size-large"></i>
     <h4 class="Text Size-small">marker</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--progressBar Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-progressBar Size-large"></i>
     <h4 class="Text Size-small">progressBar</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--book Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-book Size-large"></i>
     <h4 class="Text Size-small">book</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--notes Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-notes Size-large"></i>
     <h4 class="Text Size-small">notes</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--rectangles Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-rectangles Size-large"></i>
     <h4 class="Text Size-small">rectangles</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--mountain Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-mountain Size-large"></i>
     <h4 class="Text Size-small">mountain</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--points Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-points Size-large"></i>
     <h4 class="Text Size-small">points</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--snake Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-snake Size-large"></i>
     <h4 class="Text Size-small">snake</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--boss Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-boss Size-large"></i>
     <h4 class="Text Size-small">boss</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--rocket Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-rocket Size-large"></i>
     <h4 class="Text Size-small">rocket</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--barometer Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-barometer Size-large"></i>
     <h4 class="Text Size-small">barometer</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--dollar Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-dollar Size-large"></i>
     <h4 class="Text Size-small">dollar</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--email Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-email Size-large"></i>
     <h4 class="Text Size-small">email</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--label Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-label Size-large"></i>
     <h4 class="Text Size-small">label</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--outside Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-outside Size-large"></i>
     <h4 class="Text Size-small">outside</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--jigsaw Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-jigsaw Size-large"></i>
     <h4 class="Text Size-small">jigsaw</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--tools Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-tools Size-large"></i>
     <h4 class="Text Size-small">tools</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--question Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-question Size-large"></i>
     <h4 class="Text Size-small">question</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--layerStack Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-layerStack Size-large"></i>
     <h4 class="Text Size-small">layerStack</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--alarm Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-alarm Size-large"></i>
     <h4 class="Text Size-small">alarm</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--cloudDownArrow Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-cloudDownArrow Size-large"></i>
     <h4 class="Text Size-small">cloudDownArrow</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--pencil Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-pencil Size-large"></i>
     <h4 class="Text Size-small">pencil</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--fountainPen Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-fountainPen Size-large"></i>
     <h4 class="Text Size-small">fountainPen</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--emptyDoc Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-emptyDoc Size-large"></i>
     <h4 class="Text Size-small">emptyDoc</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--mergeArrow Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-mergeArrow Size-large"></i>
     <h4 class="Text Size-small">mergeArrow</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--mergeColumns Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-mergeColumns Size-large"></i>
     <h4 class="Text Size-small">mergeColumns</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--mergeSpatial Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-mergeSpatial Size-large"></i>
     <h4 class="Text Size-small">mergeSpatial</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--globe Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-globe Size-large"></i>
     <h4 class="Text Size-small">globe</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--chevronDown Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-chevronDown Size-large"></i>
     <h4 class="Text Size-small">chevronDown</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--streets Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-streets Size-large"></i>
     <h4 class="Text Size-small">streets</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--keys Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-keys Size-large"></i>
     <h4 class="Text Size-small">keys</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--facebookSquare Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-facebookSquare Size-large"></i>
     <h4 class="Text Size-small">facebookSquare</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--fullscreen Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-fullscreen Size-large"></i>
     <h4 class="Text Size-small">fullscreen</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--rarrow Size-large"></i>
-    <h4 class="Text Size-small">rarrow</h4>
+    <i class="CDB-IconFont CDB-IconFont-rArrowLight Size-large"></i>
+    <h4 class="Text Size-small">rArrowLight</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--share Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-share Size-large"></i>
     <h4 class="Text Size-small">share</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--linkedin Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-linkedin Size-large"></i>
     <h4 class="Text Size-small">linkedin</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--calendarBlank Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-calendarBlank Size-large"></i>
     <h4 class="Text Size-small">calendarBlank</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--creativeCommons Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-creativeCommons Size-large"></i>
     <h4 class="Text Size-small">creativeCommons</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--bubble Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-bubble Size-large"></i>
     <h4 class="Text Size-small">bubble</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--bars Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-bars Size-large"></i>
     <h4 class="Text Size-small">bars</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--arrowMenu Size-large"></i>
-    <h4 class="Text Size-small">arrowMenu</h4>
+    <i class="CDB-IconFont CDB-IconFont-arrowMenuLight Size-large"></i>
+    <h4 class="Text Size-small">arrowMenuLight</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--tieFighter Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-tieFighter Size-large"></i>
     <h4 class="Text Size-small">tieFighter</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--ray Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-ray Size-large"></i>
     <h4 class="Text Size-small">ray</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--markup Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-markup Size-large"></i>
     <h4 class="Text Size-small">markup</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--table Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-table Size-large"></i>
     <h4 class="Text Size-small">table</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--airlock Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-airlock Size-large"></i>
     <h4 class="Text Size-small">airlock</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--pin Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-pin Size-large"></i>
     <h4 class="Text Size-small">pin</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--attache Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-attache Size-large"></i>
     <h4 class="Text Size-small">attache</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--download Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-download Size-large"></i>
     <h4 class="Text Size-small">download</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--group Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-group Size-large"></i>
     <h4 class="Text Size-small">group</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--dashboard Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-dashboard Size-large"></i>
     <h4 class="Text Size-small">dashboard</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--spinner Size-large"></i>
+    <i class="CDB-IconFont CDB-IconFont-spinner Size-large"></i>
     <h4 class="Text Size-small">spinner</h4>
   </div>
 
 
   <div class="box">
-    <i class="CDB-IconFont CDB-IconFont--drop Size-large"></i>
-    <h4 class="Text Size-small">drop</h4>
+    <i class="CDB-IconFont CDB-IconFont-mapsearch Size-large"></i>
+    <h4 class="Text Size-small">mapsearch</h4>
+  </div>
+
+
+  <div class="box">
+    <i class="CDB-IconFont CDB-IconFont-rArrow Size-large"></i>
+    <h4 class="Text Size-small">rArrow</h4>
   </div>