cartodb/CartoAssets
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #114 from CartoDB/add-icon

Browse Source 
add icon and helper
This commit is contained in:
piensaenpixel 2016-05-17 17:34:34 +02:00
commit 1e31f03313
8 changed files with 207 additions and 178 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
icon-font/font.sketch
View File

Binary file not shown.

12
icon-font/svgs/icon-font_108_downloadCircle.svg Normal file
View File

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="500px" height="500px" viewBox="0 0 500 500" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
<title>icon-font_108_downloadCircle</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Artboard-1" transform="translate(-3000.000000, -11000.000000)" fill="#000000">
<path d="M3250,11500 C3388.07119,11500 3500,11388.0712 3500,11250 C3500,11111.9288 3388.07119,11000 3250,11000 C3111.92881,11000 3000,11111.9288 3000,11250 C3000,11388.0712 3111.92881,11500 3250,11500 Z M3281.25,11281.25 L3281.25,11125 L3218.75,11125 L3218.75,11281.25 L3281.25,11281.25 Z M3359.375,11218.75 L3281.25,11281.25 L3218.75,11281.25 L3140.625,11218.75 L3093.75,11265.625 L3248.95833,11390.625 L3406.25,11265.625 L3359.375,11218.75 Z" id="icon-font_108_downloadCircle"></path>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
src/fonts/cartoIcon.eot
View File

Binary file not shown.

181
src/fonts/cartoIcon.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 190 KiB

After

Width:  |  Height:  |  Size: 190 KiB

BIN
src/fonts/cartoIcon.ttf
View File

Binary file not shown.

BIN
src/fonts/cartoIcon.woff
View File

Binary file not shown.

189
src/scss/cdb-icon-font.scss
View File

@ -143,6 +143,12 @@ All available icons in CartoDB.
</div> </div>
<div class="box">
<i class="CDB-IconFont CDB-IconFont-downloadCircle Size-large"></i>
<h4 class="Text Size-small">downloadCircle</h4>
</div>
<div class="box"> <div class="box">
<i class="CDB-IconFont CDB-IconFont-pencilMenu Size-large"></i> <i class="CDB-IconFont CDB-IconFont-pencilMenu Size-large"></i>
<h4 class="Text Size-small">pencilMenu</h4> <h4 class="Text Size-small">pencilMenu</h4>
@ -766,446 +772,451 @@ All available icons in CartoDB.
} }
.CDB-IconFont-pencilMenu::before { .CDB-IconFont-downloadCircle::before {
content: '\E012'; content: '\E012';
} }
.CDB-IconFont-wizard::before { .CDB-IconFont-pencilMenu::before {
content: '\E013'; content: '\E013';
} }
.CDB-IconFont-info::before { .CDB-IconFont-wizard::before {
content: '\E014'; content: '\E014';
} }
.CDB-IconFont-fork::before { .CDB-IconFont-info::before {
content: '\E015'; content: '\E015';
} }
.CDB-IconFont-facebook::before { .CDB-IconFont-fork::before {
content: '\E016'; content: '\E016';
} }
.CDB-IconFont-folder::before { .CDB-IconFont-facebook::before {
content: '\E017'; content: '\E017';
} }
.CDB-IconFont-dropbox::before { .CDB-IconFont-folder::before {
content: '\E018'; content: '\E018';
} }
.CDB-IconFont-cloud::before { .CDB-IconFont-dropbox::before {
content: '\E019'; content: '\E019';
} }
.CDB-IconFont-step::before { .CDB-IconFont-cloud::before {
content: '\E01A'; content: '\E01A';
} }
.CDB-IconFont-addDocument::before { .CDB-IconFont-step::before {
content: '\E01B'; content: '\E01B';
} }
.CDB-IconFont-arrowNext::before { .CDB-IconFont-addDocument::before {
content: '\E01C'; content: '\E01C';
} }
.CDB-IconFont-arrowPrev::before { .CDB-IconFont-arrowNext::before {
content: '\E01D'; content: '\E01D';
} }
.CDB-IconFont-close::before { .CDB-IconFont-arrowPrev::before {
content: '\E01E'; content: '\E01E';
} }
.CDB-IconFont-cartoFante::before { .CDB-IconFont-close::before {
content: '\E01F'; content: '\E01F';
} }
.CDB-IconFont-lock::before { .CDB-IconFont-cartoFante::before {
content: '\E020'; content: '\E020';
} }
.CDB-IconFont-cartoDB::before { .CDB-IconFont-lock::before {
content: '\E021'; content: '\E021';
} }
.CDB-IconFont-lens::before { .CDB-IconFont-cartoDB::before {
content: '\E022'; content: '\E022';
} }
.CDB-IconFont-closeLimits::before { .CDB-IconFont-lens::before {
content: '\E023'; content: '\E023';
} }
.CDB-IconFont-defaultUser::before { .CDB-IconFont-closeLimits::before {
content: '\E024'; content: '\E024';
} }
.CDB-IconFont-cockroach::before { .CDB-IconFont-defaultUser::before {
content: '\E025'; content: '\E025';
} }
.CDB-IconFont-floppy::before { .CDB-IconFont-cockroach::before {
content: '\E026'; content: '\E026';
} }
.CDB-IconFont-trash::before { .CDB-IconFont-floppy::before {
content: '\E027'; content: '\E027';
} }
.CDB-IconFont-wifi::before { .CDB-IconFont-trash::before {
content: '\E028'; content: '\E028';
} }
.CDB-IconFont-unlock::before { .CDB-IconFont-wifi::before {
content: '\E029'; content: '\E029';
} }
.CDB-IconFont-unlockWithEllipsis::before { .CDB-IconFont-unlock::before {
content: '\E02A'; content: '\E02A';
} }
.CDB-IconFont-gift::before { .CDB-IconFont-unlockWithEllipsis::before {
content: '\E02B'; content: '\E02B';
} }
.CDB-IconFont-people::before { .CDB-IconFont-gift::before {
content: '\E02C'; content: '\E02C';
} }
.CDB-IconFont-play::before { .CDB-IconFont-people::before {
content: '\E02D'; content: '\E02D';
} }
.CDB-IconFont-add::before { .CDB-IconFont-play::before {
content: '\E02E'; content: '\E02E';
} }
.CDB-IconFont-map::before { .CDB-IconFont-add::before {
content: '\E02F'; content: '\E02F';
} }
.CDB-IconFont-anchor::before { .CDB-IconFont-map::before {
content: '\E030'; content: '\E030';
} }
.CDB-IconFont-key::before { .CDB-IconFont-anchor::before {
content: '\E031'; content: '\E031';
} }
.CDB-IconFont-calendar::before { .CDB-IconFont-key::before {
content: '\E032'; content: '\E032';
} }
.CDB-IconFont-document::before { .CDB-IconFont-calendar::before {
content: '\E033'; content: '\E033';
} }
.CDB-IconFont-eye::before { .CDB-IconFont-document::before {
content: '\E034'; content: '\E034';
} }
.CDB-IconFont-marker::before { .CDB-IconFont-eye::before {
content: '\E035'; content: '\E035';
} }
.CDB-IconFont-progressBar::before { .CDB-IconFont-marker::before {
content: '\E036'; content: '\E036';
} }
.CDB-IconFont-book::before { .CDB-IconFont-progressBar::before {
content: '\E037'; content: '\E037';
} }
.CDB-IconFont-notes::before { .CDB-IconFont-book::before {
content: '\E038'; content: '\E038';
} }
.CDB-IconFont-rectangles::before { .CDB-IconFont-notes::before {
content: '\E039'; content: '\E039';
} }
.CDB-IconFont-mountain::before { .CDB-IconFont-rectangles::before {
content: '\E03A'; content: '\E03A';
} }
.CDB-IconFont-points::before { .CDB-IconFont-mountain::before {
content: '\E03B'; content: '\E03B';
} }
.CDB-IconFont-snake::before { .CDB-IconFont-points::before {
content: '\E03C'; content: '\E03C';
} }
.CDB-IconFont-boss::before { .CDB-IconFont-snake::before {
content: '\E03D'; content: '\E03D';
} }
.CDB-IconFont-rocket::before { .CDB-IconFont-boss::before {
content: '\E03E'; content: '\E03E';
} }
.CDB-IconFont-barometer::before { .CDB-IconFont-rocket::before {
content: '\E03F'; content: '\E03F';
} }
.CDB-IconFont-dollar::before { .CDB-IconFont-barometer::before {
content: '\E040'; content: '\E040';
} }
.CDB-IconFont-email::before { .CDB-IconFont-dollar::before {
content: '\E041'; content: '\E041';
} }
.CDB-IconFont-label::before { .CDB-IconFont-email::before {
content: '\E042'; content: '\E042';
} }
.CDB-IconFont-outside::before { .CDB-IconFont-label::before {
content: '\E043'; content: '\E043';
} }
.CDB-IconFont-jigsaw::before { .CDB-IconFont-outside::before {
content: '\E044'; content: '\E044';
} }
.CDB-IconFont-tools::before { .CDB-IconFont-jigsaw::before {
content: '\E045'; content: '\E045';
} }
.CDB-IconFont-question::before { .CDB-IconFont-tools::before {
content: '\E046'; content: '\E046';
} }
.CDB-IconFont-layerStack::before { .CDB-IconFont-question::before {
content: '\E047'; content: '\E047';
} }
.CDB-IconFont-alarm::before { .CDB-IconFont-layerStack::before {
content: '\E048'; content: '\E048';
} }
.CDB-IconFont-cloudDownArrow::before { .CDB-IconFont-alarm::before {
content: '\E049'; content: '\E049';
} }
.CDB-IconFont-pencil::before { .CDB-IconFont-cloudDownArrow::before {
content: '\E04A'; content: '\E04A';
} }
.CDB-IconFont-fountainPen::before { .CDB-IconFont-pencil::before {
content: '\E04B'; content: '\E04B';
} }
.CDB-IconFont-emptyDoc::before { .CDB-IconFont-fountainPen::before {
content: '\E04C'; content: '\E04C';
} }
.CDB-IconFont-mergeArrow::before { .CDB-IconFont-emptyDoc::before {
content: '\E04D'; content: '\E04D';
} }
.CDB-IconFont-mergeColumns::before { .CDB-IconFont-mergeArrow::before {
content: '\E04E'; content: '\E04E';
} }
.CDB-IconFont-mergeSpatial::before { .CDB-IconFont-mergeColumns::before {
content: '\E04F'; content: '\E04F';
} }
.CDB-IconFont-globe::before { .CDB-IconFont-mergeSpatial::before {
content: '\E050'; content: '\E050';
} }
.CDB-IconFont-chevronDown::before { .CDB-IconFont-globe::before {
content: '\E051'; content: '\E051';
} }
.CDB-IconFont-streets::before { .CDB-IconFont-chevronDown::before {
content: '\E052'; content: '\E052';
} }
.CDB-IconFont-keys::before { .CDB-IconFont-streets::before {
content: '\E053'; content: '\E053';
} }
.CDB-IconFont-facebookSquare::before { .CDB-IconFont-keys::before {
content: '\E054'; content: '\E054';
} }
.CDB-IconFont-fullscreen::before { .CDB-IconFont-facebookSquare::before {
content: '\E055'; content: '\E055';
} }
.CDB-IconFont-rArrowLight::before { .CDB-IconFont-fullscreen::before {
content: '\E056'; content: '\E056';
} }
.CDB-IconFont-share::before { .CDB-IconFont-rArrowLight::before {
content: '\E057'; content: '\E057';
} }
.CDB-IconFont-linkedin::before { .CDB-IconFont-share::before {
content: '\E058'; content: '\E058';
} }
.CDB-IconFont-calendarBlank::before { .CDB-IconFont-linkedin::before {
content: '\E059'; content: '\E059';
} }
.CDB-IconFont-creativeCommons::before { .CDB-IconFont-calendarBlank::before {
content: '\E05A'; content: '\E05A';
} }
.CDB-IconFont-bubble::before { .CDB-IconFont-creativeCommons::before {
content: '\E05B'; content: '\E05B';
} }
.CDB-IconFont-bars::before { .CDB-IconFont-bubble::before {
content: '\E05C'; content: '\E05C';
} }
.CDB-IconFont-arrowMenuLight::before { .CDB-IconFont-bars::before {
content: '\E05D'; content: '\E05D';
} }
.CDB-IconFont-tieFighter::before { .CDB-IconFont-arrowMenuLight::before {
content: '\E05E'; content: '\E05E';
} }
.CDB-IconFont-ray::before { .CDB-IconFont-tieFighter::before {
content: '\E05F'; content: '\E05F';
} }
.CDB-IconFont-markup::before { .CDB-IconFont-ray::before {
content: '\E060'; content: '\E060';
} }
.CDB-IconFont-table::before { .CDB-IconFont-markup::before {
content: '\E061'; content: '\E061';
} }
.CDB-IconFont-airlock::before { .CDB-IconFont-table::before {
content: '\E062'; content: '\E062';
} }
.CDB-IconFont-pin::before { .CDB-IconFont-airlock::before {
content: '\E063'; content: '\E063';
} }
.CDB-IconFont-attache::before { .CDB-IconFont-pin::before {
content: '\E064'; content: '\E064';
} }
.CDB-IconFont-download::before { .CDB-IconFont-attache::before {
content: '\E065'; content: '\E065';
} }
.CDB-IconFont-group::before { .CDB-IconFont-download::before {
content: '\E066'; content: '\E066';
} }
.CDB-IconFont-dashboard::before { .CDB-IconFont-group::before {
content: '\E067'; content: '\E067';
} }
.CDB-IconFont-spinner::before { .CDB-IconFont-dashboard::before {
content: '\E068'; content: '\E068';
} }
.CDB-IconFont-mapsearch::before { .CDB-IconFont-spinner::before {
content: '\E069'; content: '\E069';
} }
.CDB-IconFont-rArrow::before { .CDB-IconFont-mapsearch::before {
content: '\E06A'; content: '\E06A';
} }
.CDB-IconFont-rArrow::before {
content: '\E06B';
}

3
src/scss/cdb-utilities/helpers.scss
View File

@ -67,6 +67,9 @@
.u-hintTextColor { .u-hintTextColor {
color: $cHintText; color: $cHintText;
} }
.u-alertTextColor {
color: $cAlert;
}
/* Displays */ /* Displays */
.u-iBlock { .u-iBlock {