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

Merge pull request #119 from CartoDB/add-icons

Browse Source 
add undo and redo icons
This commit is contained in:
piensaenpixel 2016-05-23 16:30:42 +02:00
commit 9ea9e4401c
8 changed files with 230 additions and 174 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.

14
icon-font/svgs/icon-font_110_Undo.svg Normal file
View File

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="500px" height="375px" viewBox="0 0 500 375" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>icon-font_110_Undo</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(-5002.000000, -11066.000000)" fill="#000000">
<g id="icon-font_110_Undo" transform="translate(5002.000000, 11066.000000)">
<path d="M70.3382608,125.000009 L375,125.000009 C446.35637,125.000009 500,178.048274 500,249.999999 C500,321.951726 446.356369,375 375,375 L291.666667,375 C280.160734,375 270.833333,365.672599 270.833333,354.166667 C270.833333,342.660734 280.160734,333.333333 291.666667,333.333333 L375,333.333333 C423.447955,333.333333 458.333333,298.835126 458.333333,249.999999 C458.333333,201.164876 423.447958,166.666676 375,166.666676 L71.9074397,166.666676 L160.628913,256.166411 C168.72923,264.337784 168.671628,277.528596 160.500255,285.628913 C152.328882,293.72923 139.138071,293.671628 131.037754,285.500255 L6.03775366,159.403759 C-2.06278402,151.232164 -2.00492633,138.040917 6.16698066,129.940693 L131.166981,6.03718917 C139.338665,-2.06281376 152.529474,-2.00470423 160.629477,6.16698044 C168.72948,14.3386651 168.671371,27.5294742 160.499686,35.6294771 L70.3382608,125.000009 Z" id="Combined-Shape"></path>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

14
icon-font/svgs/icon-font_111_Redo.svg Normal file
View File

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="500px" height="375px" viewBox="0 0 500 375" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>icon-font_111_Redo</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(-5999.000000, -11062.000000)" fill="#000000">
<g id="icon-font_111_Redo" transform="translate(5999.000000, 11062.000000)">
<path d="M428.09256,166.666678 L125,166.666678 C76.5520421,166.666678 41.6666667,201.164877 41.6666667,250.000001 C41.6666667,298.835128 76.552045,333.333335 125,333.333335 L208.333333,333.333335 C219.839266,333.333335 229.166667,342.660736 229.166667,354.166668 C229.166667,365.672601 219.839266,375.000002 208.333333,375.000002 L125,375.000002 C53.6436311,375.000002 0,321.951728 0,250.000001 C0,178.048276 53.6436295,125.000011 125,125.000011 L429.661739,125.000011 L339.500314,35.6294786 C331.328629,27.5294756 331.27052,14.3386666 339.370523,6.16698191 C347.470526,-2.00470276 360.661335,-2.0628123 368.833019,6.03719063 L493.833019,129.940695 C502.004926,138.040918 502.062784,151.232165 493.962246,159.403761 L368.962246,285.500257 C360.861929,293.67163 347.671118,293.729232 339.499745,285.628914 C331.328372,277.528597 331.27077,264.337786 339.371087,256.166413 L428.09256,166.666678 Z" id="Combined-Shape"></path>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
src/fonts/cartoIcon.eot
View File

Binary file not shown.

180
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: 193 KiB

After

Width:  |  Height:  |  Size: 196 KiB

BIN
src/fonts/cartoIcon.ttf
View File

Binary file not shown.

BIN
src/fonts/cartoIcon.woff
View File

Binary file not shown.

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

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