convert channel icons, right arrow and priority

+ priority modified animation
This commit is contained in:
Felix Niklas 2015-05-07 22:21:26 +02:00
parent 16eaa0af25
commit f1777004b3
25 changed files with 326 additions and 102 deletions

View file

@ -9,17 +9,17 @@
<ul class="horizontal tabs type-tabs">
<li class="tab u-textTruncate" data-type="phone-in">
<div class="gray received-calls channel icon"></div>
<svg class="tab-icon"><use xlink:href="#icon-received-calls" /></svg>
<%- @T('Received Call') %>
</li>
<li class="tab u-textTruncate" data-type="phone-out">
<div class="gray outbound-calls channel icon"></div>
<svg class="tab-icon"><use xlink:href="#icon-outbound-calls" /></svg>
<%- @T('Outbound Call') %>
</li>
<li class="tab u-textTruncate" data-type="email-out">
<div class="gray email channel icon"></div>
<svg class="tab-icon"><use xlink:href="#icon-mail" /></svg>
<%- @T('Send Email') %>
</li>
</ul>

View file

@ -3,7 +3,7 @@
<div class="sidebar-header">
<h2 class="u-textTruncate"><%- @T( item.head ) %></h2>
<div class="js-actions flex"></div>
<div class="tabsSidebar-close centered u-clickable">
<div class="tabsSidebar-close">
<svg class="icon"><use xlink:href="#icon-arrow-right" /></svg>
</div>
</div>
@ -15,7 +15,7 @@
<% end %>
<div class="tabsSidebar-tabs vertical justified">
<% for item in @items: %>
<div class="tabsSidebar-tab centered" data-tab="<%= item.name %>">
<div class="tabsSidebar-tab" data-tab="<%= item.name %>">
<svg class="icon"><use xlink:href="#icon-<%= item.icon %>" /></svg>
</div>
<% end %>

View file

@ -1,12 +1,19 @@
<% for item in @item_list: %>
<a href="<%- item.data.url %>" title="<%= item.data.title %>" class="task <%= item.data.class %> <% if item.task.active: %>active<% end %>" data-key="<%- item.task.key %>">
<div class="icon-holder centered">
<div class="<% if item.task.active: %>white <% end %><%= item.data.iconClass %> icon<% if item.task.notify: %> modified<% end %>"></div>
<a href="<%- item.data.url %>" title="<%= item.data.title %>" class="task <%= item.data.class %><% if item.task.active: %> is-active<% end %>" data-key="<%- item.task.key %>">
<div class="icon-holder">
<svg class="task-icon">
<% if item.task.notify && item.data.iconClass is 'priority': %>
<use class="inner-circle" xlink:href="#icon-priority-modified-inner-circle" />
<use class="outer-circle" xlink:href="#icon-priority-modified-outer-circle" />
<% else: %>
<use xlink:href="#icon-<%= item.data.iconClass %>" />
<% end %>
</svg>
</div>
<div class="name u-textTruncate flex"><%= item.data.head %></div>
<div class="closeTask js-close u-clickable horizontal centered" title="<%- @Ti('close') %>">
<div class="closeTask-inner centered">
<div class="white close icon"></div>
<div class="task-name u-textTruncate flex"><%= item.data.head %></div>
<div class="closeTask js-close" title="<%- @Ti('close') %>">
<div class="closeTask-inner">
<svg class="icon"><use xlink:href="#icon-close" /></svg>
</div>
</div>
</a>

View file

@ -1378,45 +1378,6 @@ ol.tabs li {
background-position: -15px -98px;
}
.priority.icon {
background: none;
border-radius: 100%;
width: 10px;
height: 10px;
position: relative;
}
.modified.priority.icon {
width: 12px;
height: 12px;
background: none !important;
border: 1px solid;
}
.priority.icon:after {
content: "";
position: absolute;
left: 50%;
top: 50%;
margin: -3px 0 0 -3px;
width: 6px;
height: 6px;
border-radius: 100%;
background: #2c2d36;
will-change: opacity;
transform: translateZ(0);
}
.modified.priority.icon:after {
-webkit-animation: fade 2s ease-in-out infinite;
-moz-animation: fade 2s ease-in-out infinite;
animation: fade 2s ease-in-out infinite;
}
@-webkit-keyframes fade { from { opacity: 1 } 50% { opacity: 0 } to { opacity: 1 } }
@-moz-keyframes fade { from { opacity: 1 } 50% { opacity: 0 } to { opacity: 1 } }
@keyframes fade { from { opacity: 1 } 50% { opacity: 0 } to { opacity: 1 } }
.organization.icon {
height: 13px;
width: 14px;
@ -2230,25 +2191,32 @@ footer {
@extend .center;
}
.task-icon {
width: 16px;
height: 16px;
fill: #808080;
}
.tasks-navigation .task {
height: 38px;
border-bottom: 1px solid #33363e;
}
.tasks-navigation .task:not(.active):hover {
.tasks-navigation .task:not(.is-active):hover {
background: #26272e;
}
.tasks-navigation .name {
.tasks-navigation .task-name {
color: #808080;
}
.tasks-navigation .icon-holder {
width: 30px;
position: relative;
@extend .centered;
}
.tasks-navigation .icon-holder .icon {
.tasks-navigation .task-icon {
margin-right: 3px;
margin-top: -3px;
@ -2266,67 +2234,52 @@ footer {
text-decoration: none;
}
.task.active {
.task.is-active {
background: #389ed9;
}
.task-icon {
fill: white;
}
.task.active .name {
color: white;
}
.task.active .priority.icon,
.task.active .modified.priority.icon,
.task.active .modified.priority.icon:after {
background-color: white;
border-color: white;
.task-name {
color: white;
}
}
.task.active .priority.icon:after {
background-color: #389ed9;
}
.level-1 {
color: #38ae6a;
}
.level-1.priority.icon,
.level-1 .priority.icon,
.level-1.active,
.level-1.active .priority.icon:after,
.level-1 .modified.priority.icon,
.level-1 .modified.priority.icon:after {
.level-1.is-active {
background-color: #38ae6a;
border-color: #38ae6a;
color: #38ae6a;
}
.level-1 .task-icon {
fill: #38ae6a;
}
.level-2 {
color: #f35910;
}
.level-2.priority.icon,
.level-2 .priority.icon,
.level-2.active,
.level-2.active .priority.icon:after,
.level-2 .modified.priority.icon,
.level-2 .modified.priority.icon:after {
.level-2.is-active {
background-color: #f35910;
border-color: #f35910;
color: #f35910;
}
.level-2 .task-icon {
fill: #f35910;
}
.level-3 {
color: #faab00;
}
.level-3.priority.icon,
.level-3 .priority.icon,
.level-3.active,
.level-3.active .priority.icon:after,
.level-3 .modified.priority.icon,
.level-3 .modified.priority.icon:after {
.level-3.is-active {
background-color: #faab00;
border-color: #faab00;
}
.level-3 .task-icon {
fill: #faab00;
}
.task-icon .inner-circle {
will-change: opacity;
animation: fade 3s ease-in-out infinite;
}
@keyframes fade {
50% { opacity: 1 }
75% { opacity: 0 }
to { opacity: 1 }
}
.task .closeTask {
@ -2336,6 +2289,8 @@ footer {
width: 50px;
height: 100%;
visibility: hidden;
@extend .u-clickable;
@extend .centered;
}
.task:hover .closeTask {
@ -2347,6 +2302,7 @@ footer {
height: 21px;
background-color: #2c2d36;
border-radius: 100%;
@extend .centered;
}
.closeTask:hover .closeTask-inner {
@ -2354,6 +2310,9 @@ footer {
}
.closeTask .icon {
width: 13px;
height: 13px;
fill: white;
opacity: 0.3;
-webkit-transform: scale(0.7);
transform: scale(0.7);
@ -4013,6 +3972,14 @@ footer {
.tabsSidebar-close {
padding: 20px;
margin: -15px;
@extend .centered;
@extend .u-clickable;
.icon {
width: 13px;
height: 13px;
fill: black;
}
}
.tabsSidebar .sidebar-content {
@ -4064,8 +4031,11 @@ footer {
position: relative;
border-top: 1px solid hsl(202,12%,87%);
@extend .u-clickable;
@extend .centered;
}
.tabs
.tabsSidebar-tab.is-changed:before {
position: absolute;
content: '';
@ -4222,7 +4192,10 @@ footer {
list-style: none;
}
.type-tabs .icon {
.type-tabs .tab-icon {
width: 16px;
height: 16px;
fill: #ccc;
vertical-align: top;
margin-right: 9px;
margin-top: 11px;
@ -4230,6 +4203,10 @@ footer {
transform: scale(1.2);
}
.type-tabs .tab.active .tab-icon {
fill: white;
}
.tokenfield .token {
padding: 0 0 0 10px;
margin: -1px 5px 8px 0;

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 8.7 KiB

After

Width:  |  Height:  |  Size: 19 KiB

View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="11px" height="11px" viewBox="0 0 11 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
<title>arrow-right</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="arrow-right" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M8.34695201,6.2034625 C8.02653159,6.44377782 7.70611117,6.78021926 7.3536487,7.16472377 L5.11070574,9.59991898 L6.18411416,10.5131172 L10.6700001,5.51455859 L6.18411416,0.516 L5.11070574,1.4291982 L7.24150155,3.73622525 C7.6580481,4.20083486 7.99448955,4.56931835 8.34695201,4.82565469 L8.33093099,4.87371775 L0,4.87371775 L0,6.15539944 L8.33093099,6.15539944 L8.34695201,6.2034625 Z" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1 KiB

View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
<title>clock</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="clock" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M7.5414375,2.08125 C3.9739125,2.08125 1.08125,4.971963 1.08125,8.53965 C1.08125,12.107338 3.9739125,15 7.5414375,15 C11.1073375,15 14,12.107338 14,8.53965 C14,4.971963 11.1073375,2.08125 7.5414375,2.08125 L7.5414375,2.08125 L7.5414375,2.08125 Z M7.5472875,13.699675 C4.6603125,13.699675 2.313,11.371375 2.313,8.509262 C2.313,5.64715 4.6603125,3.3208 7.5472875,3.3208 C10.432475,3.3208 12.781575,5.64715 12.781575,8.509262 C12.781575,11.371375 10.432475,13.699675 7.5472875,13.699675 Z M11.0845875,8.312637 L12.358263,8.312637 C12.335188,7.790362 12.230538,7.290675 12.053088,6.825437 L11.465975,7.0752 L11.334188,6.770187 L11.923575,6.520425 C11.708263,6.056975 11.419988,5.631875 11.0732125,5.261862 L10.58685,5.744325 L10.352525,5.509837 L10.836775,5.027375 C10.5106375,4.72415 10.140625,4.4648 9.7364875,4.258912 L9.4657625,4.859512 L9.1605875,4.72415 L9.43505,4.117862 C8.912775,3.8967 8.34435,3.765075 7.7474875,3.740212 L7.7474875,5.1304 L7.413875,5.1304 L7.413875,3.738425 C6.8916,3.75175 6.3899625,3.848925 5.922775,4.016787 L6.2489125,4.75665 L5.94195,4.888112 L5.6119125,4.138825 C5.13725,4.344875 4.70435,4.625025 4.3268625,4.966437 L4.87595,5.509837 L4.63935,5.744325 L4.084575,5.195075 C3.7584375,5.52885 3.482025,5.910075 3.2663875,6.3277 L4.0444375,6.661475 L3.907125,6.96275 L3.1233875,6.627187 C2.8945875,7.147837 2.7590625,7.717887 2.7343625,8.31475 L4.2084,8.3128 L4.2084,8.642675 L2.7343625,8.646575 C2.7496375,9.230112 2.871675,9.784725 3.0834125,10.297575 L3.851875,9.965912 L3.9835,10.270925 L3.2208875,10.599012 C3.428725,11.026225 3.7014,11.417037 4.0275375,11.760237 L4.5919,11.230162 L4.8283375,11.46465 L4.262025,11.996512 C4.6281375,12.335975 5.04755,12.618075 5.5072625,12.829813 L5.8295,12.105225 L6.132725,12.242537 L5.812275,12.961437 C6.3119625,13.154162 6.8514625,13.264662 7.413875,13.279937 L7.413875,11.89365 L7.7474875,11.89365 L7.7474875,13.27815 C8.3347625,13.255237 8.8973375,13.127512 9.41425,12.910088 L9.1588,12.318912 L9.4638125,12.189237 L9.715525,12.768712 C10.146475,12.553237 10.539075,12.274875 10.8843875,11.94695 L10.464975,11.531275 L10.7014125,11.296787 L11.1170875,11.708563 C11.437375,11.357725 11.704363,10.9609 11.910413,10.526375 L11.33825,10.27255 L11.4754,9.969487 L12.041875,10.221362 C12.232488,9.729312 12.34315,9.197125 12.358263,8.64235 L11.0845875,8.64235 L11.0845875,8.312637 Z M10.0415,10.930837 C9.8850125,11.085375 9.631675,11.085375 9.475025,10.928887 L7.528275,9.216625 C7.3509875,9.037387 7.1468875,8.921037 7.1468875,8.568412 L7.1468875,6.278137 C7.1468875,6.039912 7.3414,5.847187 7.5797875,5.847187 C7.820125,5.847187 8.0148,6.039912 8.0148,6.278137 L8.0148,8.552975 L10.04345,10.368262 C10.1996125,10.5228 10.1976625,10.774512 10.0415,10.930837 Z" id="clock-tab-dark" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.3 KiB

View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
<title>cloud</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="cloud" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M4,13.999888 C3.990204,13.999963 3.9804,14 3.970588,14 C1.777693,14 0,12.14026 0,9.846154 C0,7.700205 1.555494,5.93433 3.551288,5.715194 C3.760756,3.627287 5.448725,2 7.5,2 C9.551274,2 11.239244,3.627287 11.448712,5.715194 C13.444505,5.93433 15,7.700205 15,9.846154 C15,12.14026 13.222307,14 11.029412,14 C11.019599,14 11.009795,13.999963 11,13.999888 L4,14 L4,13.999888 Z" id="cloud-tab-dark" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1 KiB

View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
<title>facebook</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="facebook" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M1.805369,1 C1.302013,1 1,1.402685 1,1.805369 L1,15.194631 C1,15.697987 1.402685,16 1.805369,16 L9.053691,16 L9.053691,10.161074 L7.040268,10.161074 L7.040268,7.845638 L9.053691,7.845638 L9.053691,6.134228 C9.053691,4.221477 10.261745,3.114094 11.973154,3.114094 C12.778523,3.114094 13.483221,3.214765 13.684564,3.214765 L13.684564,5.228188 L12.47651,5.228188 C11.57047,5.228188 11.369128,5.630872 11.369128,6.33557 L11.369128,7.744966 L13.583893,7.744966 L13.281879,10.060403 L11.369128,10.060403 L11.369128,15.999329 L15.194631,15.999329 C15.697987,15.999329 16,15.596644 16,15.19396 L16,1.704698 C16,1.402685 15.597315,1 15.194631,1 L1.805369,1 L1.805369,1 Z" id="facebook-channel-white" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
<title>important</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="important" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M9.5912763,10.6021234 C9.5912763,10.6818964 9.5728026,10.7516234 9.5353815,10.8113054 C9.4981184,10.8711344 9.4314868,10.9212144 9.3353289,10.9611004 C9.2396447,11.0009874 9.1169605,11.0309754 8.9680658,11.0506234 C8.8185394,11.0707144 8.6320658,11.0806124 8.4084868,11.0806124 C8.1845921,11.0806124 7.9981184,11.0707144 7.8489079,11.0506234 C7.6996973,11.0308274 7.5773289,11.0008394 7.481171,10.9611004 C7.3854868,10.9212144 7.3185394,10.8712824 7.2815921,10.8113054 C7.2440131,10.7516234 7.2255394,10.6818964 7.2255394,10.6021234 L6.9538026,2.20043041 C6.9432236,2.08077141 6.9590131,1.97618041 7.0018026,1.88650941 C7.0444342,1.79683941 7.1216447,1.72194141 7.2335921,1.66211241 C7.3455394,1.60228241 7.4945921,1.56003241 7.6810657,1.53506641 C7.8673815,1.51024841 8.10975,1.49769141 8.4083289,1.49769141 C8.6958552,1.49769141 8.9330131,1.51275941 9.1198026,1.54245241 C9.3061184,1.57244141 9.4553289,1.61735041 9.5672763,1.67718041 C9.6789079,1.73700941 9.7561184,1.80939641 9.7990658,1.89404341 C9.8413815,1.97883941 9.8628552,2.08091841 9.8628552,2.20057741 L9.5912763,10.6021234 L9.5912763,10.6021234 Z M9.91875,13.0866004 C9.91875,13.7657034 9.2412236,14.3153964 8.4070658,14.3153964 C8.2085921,14.3153964 8.0205394,14.2845214 7.8466973,14.2280894 C7.6043289,14.3521804 7.3886447,14.4368284 7.0998552,14.4898614 C7.0136447,14.5064074 6.9793815,14.5047824 6.9718026,14.4947374 C6.9632763,14.4829184 6.9915394,14.4598734 7.0166447,14.4409644 C7.2962763,14.2368054 7.3430131,14.1298504 7.4105921,14.0100434 C7.0944868,13.7859414 6.8950657,13.4550324 6.8950657,13.0864534 C6.8950657,12.4073504 7.5714868,11.8567714 8.4070658,11.8567714 C9.2412236,11.8567714 9.91875,12.4074984 9.91875,13.0866004 L9.91875,13.0866004 L9.91875,13.0866004 Z" id="important-tab-dark" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
<title>list</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="list" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M0,3 C0,2.447715 0.44892,2 1.007484,2 L13.992516,2 C14.548934,2 15,2.443865 15,3 C15,3.552285 14.55108,4 13.992516,4 L1.007484,4 C0.451066,4 0,3.556135 0,3 L0,3 Z M0,7 C0,6.447715 0.44892,6 1.007484,6 L13.992516,6 C14.548934,6 15,6.443865 15,7 C15,7.552285 14.55108,8 13.992516,8 L1.007484,8 C0.451066,8 0,7.556135 0,7 L0,7 Z M0,11 C0,10.447715 0.44892,10 1.007484,10 L13.992516,10 C14.548934,10 15,10.443865 15,11 C15,11.552285 14.55108,12 13.992516,12 L1.007484,12 C0.451066,12 0,11.556135 0,11 L0,11 Z M0,15 C0,14.447715 0.44892,14 1.007484,14 L13.992516,14 C14.548934,14 15,14.443865 15,15 C15,15.552285 14.55108,16 13.992516,16 L1.007484,16 C0.451066,16 0,15.556135 0,15 L0,15 Z" id="list-tab-dark" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
<title>mail</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="mail" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M11.324675,9 L8.5,11.592593 L5.675325,9 L1,14 L16,14 L11.324675,9 L11.324675,9 Z M17,4 L12,8.591837 L17,14 L17,4 L17,4 Z M0,4 L0,14 L5,8.646465 L0,4 L0,4 Z M17,3 L0,3 L8.449102,10 L17,3 L17,3 Z" id="email-channel-white" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 892 B

View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="17px" height="16px" viewBox="0 0 17 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
<title>note</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="note" sketch:type="MSArtboardGroup" transform="translate(1.000000, 0.000000)" fill="#50E3C2">
<path d="M14.6673979,1.85601 L9.852655,6.671434 L10.8898628,7.708495 L15.7046057,2.893071 L14.6673979,1.85601 L14.6673979,1.85601 Z M8.72,7.75924 L8.72,8.78 L9.77784,8.78 L10.29626,8.26962 L9.24878,7.29228 L8.72,7.75924 L8.72,7.75924 Z M10.81482,9.69 L7.74,9.69 L7.74,6.79633 L12.36,2.46291 L12.36,1.5 L6.2,1.5 L6.2,5.4 L2,5.4 L2,14.5 L12.36,14.5 L12.36,8.24076 L10.81482,9.69 L10.81482,9.69 Z M2,4.36 L5.08,4.36 L5.08,1.5 L2,4.36 L2,4.36 Z" id="note-tab-dark" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
<title>organization</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="organization" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M1,2 L1,15 L8,15 L8,2 L1,2 L1,2 Z M3,13 L2,13 L2,12 L3,12 L3,13 L3,13 Z M3,11 L2,11 L2,10 L3,10 L3,11 L3,11 Z M3,9 L2,9 L2,8 L3,8 L3,9 L3,9 Z M3,7 L2,7 L2,6 L3,6 L3,7 L3,7 Z M3,5 L2,5 L2,4 L3,4 L3,5 L3,5 Z M3,4 L2,4 L2,3 L3,3 L3,4 L3,4 Z M5,13 L4,13 L4,12 L5,12 L5,13 L5,13 Z M5,11 L4,11 L4,10 L5,10 L5,11 L5,11 Z M5,9 L4,9 L4,8 L5,8 L5,9 L5,9 Z M5,7 L4,7 L4,6 L5,6 L5,7 L5,7 Z M5,5 L4,5 L4,4 L5,4 L5,5 L5,5 Z M5,4 L4,4 L4,3 L5,3 L5,4 L5,4 Z M7,13 L6,13 L6,12 L7,12 L7,13 L7,13 Z M7,11 L6,11 L6,10 L7,10 L7,11 L7,11 Z M7,9 L6,9 L6,8 L7,8 L7,9 L7,9 Z M7,7 L6,7 L6,6 L7,6 L7,7 L7,7 Z M7,5 L6,5 L6,4 L7,4 L7,5 L7,5 Z M7,4 L6,4 L6,3 L7,3 L7,4 L7,4 Z M8,5 L8,15 L15,15 L15,5 L8,5 L8,5 Z M9,13 L9,12 L10,12 L10,13 L9,13 L9,13 Z M10,11 L9,11 L9,10 L10,10 L10,11 L10,11 Z M10,9 L9,9 L9,8 L10,8 L10,9 L10,9 Z M10,7 L9,7 L9,6 L10,6 L10,7 L10,7 Z M12,13 L11,13 L11,12 L12,12 L12,13 L12,13 Z M12,11 L11,11 L11,10 L12,10 L12,11 L12,11 Z M12,9 L11,9 L11,8 L12,8 L12,9 L12,9 Z M12,7 L11,7 L11,6 L12,6 L12,7 L12,7 Z M14,13 L13,13 L13,12 L14,12 L14,13 L14,13 Z M14,11 L13,11 L13,10 L14,10 L14,11 L14,11 Z M14,9 L13,9 L13,8 L14,8 L14,9 L14,9 Z M14,7 L13,7 L13,6 L14,6 L14,7 L14,7 Z" id="organization-tab-dark" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
<title>outbound-calls</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="outbound-calls" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M11.0163538,13.4421152 C11.0163538,13.4421152 9.88152382,13.5432832 7.40553282,11.2164412 C4.92954082,8.88960016 4.92954082,7.77676216 4.92954082,7.77676216 L6.68336782,5.95575616 C6.37386882,4.23591716 5.23903982,1.40324016 3.27887982,2.11140916 C1.31871982,2.71841116 0.596555818,5.55108816 1.21555382,7.27092716 C4.31054282,15.4654562 11.4290188,16.9829612 12.4606818,16.9829612 C15.0398398,17.1852952 16.6905008,15.5666232 16.9999998,13.1386142 C16.9999998,13.2397812 14.3176758,11.6211092 13.0796798,11.4187752 L11.0163538,13.4421152 L11.0163538,13.4421152 Z M10.2439018,10.0000002 L13.2682928,6.87804916 L15.3170728,8.92682916 L15.9999998,2.00000016 L9.07317082,2.68292716 L11.1219508,4.73170716 L7.99999982,7.85365916 L10.2439018,10.0000002 L10.2439018,10.0000002 Z" id="calls-out-channel-gray" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
<title>package</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="package" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M0.167585,4.455434 L7.676956,8.057422 L10.973404,6.476228 L3.518958,2.900585 L0.167585,4.455434 L0.167585,4.455434 Z M7.6,1 L14.777142,4.647639 L11.880348,6.037132 L4.43768,2.467139 L7.6,1 L7.6,1 Z M0,5.205275 L0,12.457377 L7.263716,16.134654 L7.263716,8.846689 L0,5.205275 L0,5.205275 Z M15,12.701641 L7.970659,16.253534 L7.970659,8.784494 L15,5.470968 L15,12.701641 L15,12.701641 Z" id="package-tab-dark" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
<title>pen</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="pen" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M15.0166671,4.092262 C15.0166671,2.668452 13.7833337,1.523214 12.2500004,1.523214 C11.4333337,1.523214 10.7000004,1.848214 10.2000004,2.374405 L14.1166671,6.01131 C14.6500004,5.531548 15.0166671,4.850595 15.0166671,4.092262 L15.0166671,4.092262 L15.0166671,4.092262 Z M11.5500004,4.664881 L9.60000036,2.838691 L6.30000036,5.902976 L1.61666706,10.251786 L0.983333665,14.476786 L5.51666706,13.888691 L10.7166671,9.060119 L13.5000004,6.475595 L11.5500004,4.664881 L11.5500004,4.664881 Z M3.13333366,13.269643 L2.66666706,12.820833 L2.18333366,12.372024 L2.28333366,11.752976 L2.38333366,11.133929 C2.38333366,11.133929 2.36666706,11.118452 3.46666706,12.139881 L4.55000036,13.145833 L3.85000036,13.207738 L3.13333366,13.269643 L3.13333366,13.269643 Z" id="pen-tab-dark" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
<title>phone</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="phone" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M7.40553264,10.2164412 C4.92954064,7.88960016 4.92954064,6.77676216 4.92954064,6.77676216 L6.68336764,4.95575616 C6.37386864,3.23591716 5.23903964,0.403240164 3.27887964,1.11140916 C1.31871964,1.71841116 0.596555635,4.55108816 1.21555364,6.27092716 C4.31054264,14.4654562 11.4290186,15.9829612 12.4606816,15.9829612 C15.0398396,16.1852952 16.6905006,14.5666232 16.9999996,12.1386142 C16.9999996,12.2397812 14.3176756,10.6211092 13.0796796,10.4187752 L11.0163536,12.4421152 C11.0163536,12.4421152 9.88152364,12.5432822 7.40553264,10.2164412 L7.40553264,10.2164412 L7.40553264,10.2164412 Z" id="phone-channel-white" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
<title>priority-modified-inner-circle</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="priority-modified-inner-circle" sketch:type="MSArtboardGroup" fill="#50E3C2">
<circle id="Oval-2" sketch:type="MSShapeGroup" cx="8" cy="8" r="3"></circle>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 757 B

View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
<title>priority-modified-outer-circle</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="priority-modified-outer-circle" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M8,14 C11.3137085,14 14,11.3137085 14,8 C14,4.6862915 11.3137085,2 8,2 C4.6862915,2 2,4.6862915 2,8 C2,11.3137085 4.6862915,14 8,14 Z M8,13 C10.7614237,13 13,10.7614237 13,8 C13,5.23857625 10.7614237,3 8,3 C5.23857625,3 3,5.23857625 3,8 C3,10.7614237 5.23857625,13 8,13 Z" id="Oval-2" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1,009 B

View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
<title>priority</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="priority" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M8,14 C11.3137085,14 14,11.3137085 14,8 C14,4.6862915 11.3137085,2 8,2 C4.6862915,2 2,4.6862915 2,8 C2,11.3137085 4.6862915,14 8,14 Z M8,12 C10.209139,12 12,10.209139 12,8 C12,5.790861 10.209139,4 8,4 C5.790861,4 4,5.790861 4,8 C4,10.209139 5.790861,12 8,12 Z" id="Oval-2" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 953 B

View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
<title>received-calls</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="received-calls" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M14.72112,2.110663 C12.657794,1.407238 11.626131,4.220938 11.316632,5.929255 L13.070459,7.738062 C13.070459,7.738062 13.070459,8.843444 10.594467,11.154697 C8.118476,13.465951 6.983646,13.365462 6.983646,13.365462 L4.92032,11.355676 C3.579158,11.556655 1,13.164483 1,13.164483 C1.309499,15.576225 2.96016,17.184054 5.539318,16.983075 C6.570981,16.882586 13.689457,15.375247 16.784446,7.336105 C17.403444,5.527298 16.68128,2.814088 14.72112,2.110663 L14.72112,2.110663 L14.72112,2.110663 Z M0.987654,8.407407 L8,9 L7.407407,1.987654 L5.333333,4.061728 L2.17284,1 L0,3.17284 L3.061728,6.333333 L0.987654,8.407407 L0.987654,8.407407 Z" id="calls-in-channel-white" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 6 KiB

View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
<title>twitter</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="twitter" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M14.175676,4.983471 C14.783784,4.586777 15.290541,3.991736 15.594595,3.297521 C14.986486,3.694215 14.277027,3.892562 13.567568,3.991736 C12.959459,3.396694 12.148649,3 11.337838,3 C9.614865,3 8.195946,4.38843 8.195946,6.07438 C8.195946,6.272727 8.195946,6.570248 8.297297,6.768595 C5.662162,6.669421 3.432432,5.380165 1.912162,3.595041 C1.608108,4.090909 1.506757,4.586777 1.506757,5.082645 C1.506757,6.173554 2.013514,7.066116 2.925676,7.661157 C2.418919,7.661157 1.912162,7.46281 1.506757,7.264463 C1.506757,8.752066 2.621622,9.942149 4.040541,10.239669 C3.736486,10.338843 3.533784,10.338843 3.22973,10.338843 C3.027027,10.338843 2.824324,10.338843 2.621622,10.239669 C3.027027,11.429752 4.141892,12.322314 5.560811,12.322314 C4.445946,13.115702 3.128378,13.61157 1.709459,13.61157 L1,13.61157 C2.418919,14.504132 4.040541,15 5.763514,15 C11.540541,15 14.581081,10.338843 14.581081,6.371901 L14.581081,5.975207 C15.087838,5.578512 15.594595,5.082645 16,4.487603 C15.391892,4.68595 14.885135,4.884298 14.175676,4.983471 L14.175676,4.983471 L14.175676,4.983471 Z" id="twitter-channel-white" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
<title>user</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="user" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M13.2475537,11.9063932 C12.5405537,11.6187872 11.7567203,11.2866292 11.0510537,11.0074952 C10.8500537,10.9546182 10.6485537,10.9024722 10.4472203,10.8495962 C10.2070537,10.6897982 9.97988699,10.1598652 9.85138699,9.89650624 C9.72338699,9.87868624 9.64205369,9.85633724 9.47538699,9.83880924 L9.47538699,9.71056224 L9.21488699,9.71056224 C9.54905369,9.56449524 10.0537203,9.26607924 10.2195537,8.99161824 L10.5135537,7.55197824 L10.562887,7.32718024 C10.8395537,7.37027024 11.1397203,6.97340524 11.2370537,6.44303424 C11.334387,5.91266324 11.192387,5.45240524 10.9197203,5.41398924 C10.852387,5.40464124 10.7832203,5.42231524 10.7157203,5.46175324 C10.7597203,4.99010124 10.7605537,4.59265224 10.7242203,4.25728124 C10.7315537,4.19607924 10.7367203,4.13049524 10.738887,4.05892224 C10.7470537,3.78504524 11.0945537,2.91287724 10.769887,2.68939324 C10.708387,2.64703424 10.5522203,2.68442724 10.434387,2.69187724 C9.80305369,2.73146124 9.13088699,2.09124724 8.19522029,2.01149524 C7.02738699,1.91216924 5.86672029,2.47204524 5.76755369,3.09122524 C5.70122029,3.09151724 5.62205369,3.10232624 5.52755369,3.12598924 C5.24088699,3.19756224 4.96355369,3.57441624 4.92055369,4.23069724 C4.87305369,4.95416924 4.91272029,5.29815824 5.00122029,5.46321424 C4.91472029,5.42523624 4.84172029,5.40507924 4.77022029,5.41515824 C4.49755369,5.45357324 4.35555369,5.91470824 4.45288699,6.44507924 C4.55022029,6.97545024 4.85022029,7.37436024 5.12288699,7.33579824 C5.12938699,7.33492224 5.31188699,8.24448324 5.31188699,8.24448324 L5.47722029,9.00607924 C5.63988699,9.27528124 6.13122029,9.56449524 6.46622029,9.71056224 L6.21988699,9.71056224 L5.98538699,9.83121424 C5.85688699,10.0948652 5.62155369,10.6581012 5.38122029,10.8176072 C5.17988699,10.8706292 4.97838699,10.9400112 4.77705369,10.9927422 C4.07172029,11.2718772 3.28772029,11.6141132 2.58072029,11.9017192 C1.93688699,12.1639102 1.26605369,12.2544722 1.03338699,12.9056412 C1.03338699,13.3477872 0.99022029,14.4096972 1.00205369,14.9689892 L14.9260537,14.9689892 C14.9380537,14.4096972 14.8950537,13.3518772 14.8950537,12.9095852 C14.662387,12.2582702 13.8915537,12.1685852 13.2475537,11.9063932 L13.2475537,11.9063932 L13.2475537,11.9063932 Z" id="user-tab-dark" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB