Koenig - Design refinements (#1032)

refs https://github.com/TryGhost/Ghost/issues/9724
- made floating header and footer elements in Koenig opaque
- switched to filled toolbar icons + icon cleanup
- fixed Koenig placeholder image size in Firefox
- increased "wide" image width on smaller screens
- refined divider card margins
- fixed long links not wrapping
This commit is contained in:
Peter Zimon 2018-08-08 14:14:02 +02:00 committed by Kevin Ansfield
parent d13e0c0a80
commit 9836c91b19
27 changed files with 42 additions and 79 deletions

View File

@ -5,17 +5,17 @@
navIsClosed=navIsClosed
as |editor|
}}
<header class="gh-editor-header br2 pe-none {{editor.headerClass}} {{if infoMessage "bg-white-90"}}">
<header class="gh-editor-header br2 pe-none {{editor.headerClass}} {{if infoMessage "bg-white"}}">
<div class="flex items-center pe-auto">
{{#if ui.isFullScreen}}
<div class="{{ui-text "ts"}} h9 br b--lightgrey pl3 pr4 flex items-center br2 br--left {{unless infoMessage "bg-white-90"}}">
<div class="{{ui-text "ts"}} h9 br b--lightgrey pl3 pr4 flex items-center br2 br--left {{unless infoMessage "bg-white"}}">
{{#link-to "posts" classNames="blue link fw4 flex items-center"}}
{{svg-jar "arrow-left" class="w3 fill-blue mr1 nudge-right--2"}}
Stories
{{/link-to}}
</div>
{{/if}}
<div class="flex items-center pl4 pr4 f8 nudge-left--1 h9 br2 br--right {{unless infoMessage "bg-white-90"}}">
<div class="flex items-center pl4 pr4 f8 nudge-left--1 h9 br2 br--right {{unless infoMessage "bg-white"}}">
<span class="fw4 midgrey-l2">
{{gh-editor-post-status
post=post
@ -32,7 +32,7 @@
{{#if infoMessage}}
<div class="gh-koenig-info miw88 flex flex-auto justify-center" style="pointer-events: auto">
<div class="midgrey inline-flex tracked-1 center pa1 pl4 pr4 br3 justify-center items-start {{if (eq editor.headerClass "gh-editor-header-small") "bg-white-90"}}">
<div class="midgrey inline-flex tracked-1 center pa1 pl4 pr4 br3 justify-center items-start {{if (eq editor.headerClass "gh-editor-header-small") "bg-white"}}">
{{svg-jar "idea" class="w7 h7 fill-blue"}}
<p class="ma0 pa0 ml1 nudge-top--2">
{{infoMessage}}
@ -42,7 +42,7 @@
</div>
{{/if}}
<section class="view-actions br2 {{unless infoMessage "bg-white-90"}}" style="pointer-events: auto">
<section class="view-actions br2 {{unless infoMessage "bg-white"}}" style="pointer-events: auto">
{{#unless post.isNew}}
{{#if session.user.isContributor}}
{{gh-task-button "Save"
@ -189,7 +189,7 @@
{{/if}} {{!-- end Koenig conditional --}}
{{#if wordCount}}
<div class="absolute flex items-center br3 bg-white-90 {{if editor.headerClass "right-4 bottom-2 h7 pa1 pl2 pr2" "right-6 bottom-6 h9 pa1 pl4 pr4"}}">
<div class="absolute flex items-center br3 bg-white {{if editor.headerClass "right-4 bottom-2 h7 pa1 pl2 pr2" "right-6 bottom-6 h9 pa1 pl4 pr4"}}">
<span class="midgrey-l2 {{if editor.headerClass "f-supersmall" "f8"}}">
{{pluralize wordCount.wordCount "word"}}
</span>
@ -228,4 +228,4 @@
{{/liquid-wormhole}}
{{/if}}
{{outlet}}
{{outlet}}

View File

@ -36,8 +36,8 @@ export default Component.extend({
return {
items: [{
buttonClass: 'fw4 flex items-center white',
icon: 'koenig/kg-edit-v2',
iconClass: 'stroke-white',
icon: 'koenig/kg-edit',
iconClass: 'fill-white',
title: 'Edit',
text: '',
action: run.bind(this, this.editCard)

View File

@ -35,8 +35,8 @@ export default Component.extend({
return {
items: [{
buttonClass: 'fw4 flex items-center white',
icon: 'koenig/kg-edit-v2',
iconClass: 'stroke-white',
icon: 'koenig/kg-edit',
iconClass: 'fill-white',
title: 'Edit',
text: '',
action: run.bind(this, this.editCard)

View File

@ -74,21 +74,21 @@ export default Component.extend({
items.push({
title: 'Regular',
icon: 'koenig/kg-img-regular',
iconClass: `${!cardWidth ? 'stroke-blue-l2' : 'stroke-white'}`,
iconClass: `${!cardWidth ? 'fill-blue-l2' : 'fill-white'}`,
action: run.bind(this, this._changeCardWidth, '')
});
items.push({
title: 'Wide',
icon: 'koenig/kg-img-wide',
iconClass: `${cardWidth === 'wide' ? 'stroke-blue-l2' : 'stroke-white'}`,
iconClass: `${cardWidth === 'wide' ? 'fill-blue-l2' : 'fill-white'}`,
action: run.bind(this, this._changeCardWidth, 'wide')
});
items.push({
title: 'Full',
icon: 'koenig/kg-img-full',
iconClass: `${cardWidth === 'full' ? 'stroke-blue-l2' : 'stroke-white'}`,
iconClass: `${cardWidth === 'full' ? 'fill-blue-l2' : 'fill-white'}`,
action: run.bind(this, this._changeCardWidth, 'full')
});
@ -97,7 +97,7 @@ export default Component.extend({
items.push({
title: 'Replace image',
icon: 'koenig/kg-replace',
iconClass: '',
iconClass: 'fill-white',
action: run.bind(this, this._triggerFileDialog)
});
}

View File

@ -48,8 +48,8 @@ export default Component.extend({
return {
items: [{
buttonClass: 'fw4 flex items-center white',
icon: 'koenig/kg-edit-v2',
iconClass: 'stroke-white',
icon: 'koenig/kg-edit',
iconClass: 'fill-white',
title: 'Edit',
text: '',
action: run.bind(this, this.editCard)

View File

@ -51,7 +51,7 @@
{{uploader.progressBar}}
{{else if (not previewSrc payload.src)}}
<button class="flex flex-column items-center center btn-base sans-serif fw4 f7 middarkgrey" onclick={{action "triggerFileDialog"}}>
{{svg-jar "summer" class="nudge-right--10"}}
{{svg-jar "summer" class="kg-placeholder-image-summer nudge-right--10"}}
<span class="mt2 midgrey">Click to select an image</span>
</button>
{{/if}}

View File

@ -11,7 +11,7 @@
{{action "edit"}}
>
{{!-- TODO: get correct icon --}}
{{svg-jar "koenig/kg-thin-edit" class="stroke-white w4 h4 nudge-top--1"}}
{{svg-jar "koenig/kg-edit" class="fill-white w4 h4 nudge-top--1"}}
</button>
</li>
<li class="ma0">
@ -22,7 +22,7 @@
{{action "remove"}}
>
{{!-- TODO: get correct icon --}}
{{svg-jar "koenig/kg-thin-delete" class="stroke-white w4 h4 nudge-top--1"}}
{{svg-jar "koenig/kg-trash" class="fill-white w4 h4 nudge-top--1"}}
</button>
</li>
</ul>

View File

@ -6,7 +6,7 @@
class="dib dim-lite link h10 w9 nudge-top--1"
{{action "toggleMarkup" "strong"}}
>
{{svg-jar "koenig/kg-bold" class=(concat (if activeMarkupTagNames.isStrong "stroke-blue-l2" "stroke-white") " w4 h4")}}
{{svg-jar "koenig/kg-bold" class=(concat (if activeMarkupTagNames.isStrong "fill-blue-l2" "fill-white") " w4 h4")}}
</button>
</li>
<li class="ma0 lh-solid">
@ -16,7 +16,7 @@
class="dib dim-lite link h10 w9 nudge-top--1"
{{action "toggleMarkup" "em"}}
>
{{svg-jar "koenig/kg-italic" class=(concat (if (or activeMarkupTagNames.isEm activeMarkupTagNames.isI) "stroke-blue-l2" "stroke-white") " w4 h4")}}
{{svg-jar "koenig/kg-italic" class=(concat (if (or activeMarkupTagNames.isEm activeMarkupTagNames.isI) "fill-blue-l2" "fill-white") " w4 h4")}}
</button>
</li>
<li class="ma0 lh-solid">
@ -26,7 +26,7 @@
class="dib dim-lite link h10 w9 nudge-top--1"
{{action "toggleHeaderSection" "h1"}}
>
{{svg-jar "koenig/kg-heading-1" class=(concat (if activeSectionTagNames.isH1 "stroke-blue-l2" "stroke-white") " w4 h4")}}
{{svg-jar "koenig/kg-heading-1" class=(concat (if activeSectionTagNames.isH1 "fill-blue-l2" "fill-white") " w4 h4")}}
</button>
</li>
<li class="ma0 lh-solid">
@ -36,7 +36,7 @@
class="dib dim-lite link h10 w9 nudge-top--1"
{{action "toggleHeaderSection" "h2"}}
>
{{svg-jar "koenig/kg-heading-2" class=(concat (if activeSectionTagNames.isH2 "stroke-blue-l2" "stroke-white") " w4 h4")}}
{{svg-jar "koenig/kg-heading-2" class=(concat (if activeSectionTagNames.isH2 "fill-blue-l2" "fill-white") " w4 h4")}}
</button>
</li>
@ -49,7 +49,7 @@
class="dib dim-lite link h10 w9 nudge-top--1"
{{action "toggleSection" "blockquote"}}
>
{{svg-jar "koenig/kg-quote" class=(concat (if activeSectionTagNames.isBlockquote "stroke-blue-l2" "stroke-white") " w4 h4")}}
{{svg-jar "koenig/kg-quote" class=(concat (if activeSectionTagNames.isBlockquote "fill-blue-l2" "fill-white") " w4 h4")}}
</button>
</li>
<li class="ma0 lh-solid">
@ -59,7 +59,7 @@
class="dib dim-lite link h10 w9 nudge-top--1"
{{action "editLink"}}
>
{{svg-jar "koenig/kg-link" class=(concat (if activeMarkupTagNames.isA "stroke-blue-l2" "stroke-white") " w4 h4")}}
{{svg-jar "koenig/kg-link" class=(concat (if activeMarkupTagNames.isA "fill-blue-l2" "fill-white") " w4 h4")}}
</button>
</li>
</ul>

View File

@ -1 +1 @@
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g stroke="currentColor" fill="none" fill-rule="evenodd" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4.765 2v12m0-6.783h3.823c1.787 0 3.236-1.167 3.236-2.608 0-1.44-1.45-2.609-3.236-2.609H3"/><path d="M7.412 7.217H9.47c1.948 0 3.529 1.52 3.529 3.392C13 12.48 11.419 14 9.47 14H3"/></g></svg>
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M7.412 6.217h1.176c1.276 0 2.236-.773 2.236-1.608 0-.835-.96-1.609-2.236-1.609H5.765v3.217h1.647zM5.765 13H9.47C10.875 13 12 11.92 12 10.609s-1.124-2.392-2.53-2.392H5.766V13zm-2 0V3H3c-.552 0-1-.448-1-1s.448-1 1-1h5.588c2.297 0 4.236 1.563 4.236 3.609 0 .877-.357 1.666-.945 2.28C13.15 7.665 14 9.037 14 10.61 14 13.043 11.963 15 9.47 15H3c-.552 0-1-.448-1-1s.448-1 1-1h.765z" fill="#FFF" fill-rule="nonzero"/></svg>

Before

Width:  |  Height:  |  Size: 381 B

After

Width:  |  Height:  |  Size: 509 B

View File

@ -1 +0,0 @@
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g stroke="currentColor" fill="none" fill-rule="evenodd"><circle cx="3.5" cy="2.5" r="1"/><circle cx="3.5" cy="7.5" r="1"/><path d="M7.5 2.5h6m-6 5h6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><circle cx="3.5" cy="12.5" r="1"/><path d="M7.5 12.5h6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></svg>

Before

Width:  |  Height:  |  Size: 407 B

View File

@ -1 +0,0 @@
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g stroke="currentColor" fill="none" fill-rule="evenodd" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11.5 2.167L13.833 4.5 8 10.333H5.667V8z"/><path d="M6.057 3H2v11h12V9"/></g></svg>

Before

Width:  |  Height:  |  Size: 273 B

View File

@ -0,0 +1 @@
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M9.66 3.944c-.132-.125-.264-.125-.396 0L3.626 9.638c-.132.132-.132.264 0 .396l2.397 2.397c.132.132.264.132.396 0l5.638-5.693c.132-.132.132-.264 0-.396L9.66 3.944zM2.68 10.918c-.074-.074-.162-.098-.263-.074-.102.025-.168.086-.2.186l-1.2 3.595c-.036.11-.013.205.068.287.082.08.178.103.287.067l3.595-1.198c.1-.032.162-.099.186-.2.025-.102 0-.19-.074-.264l-2.399-2.4zM13.862 2.13c-.931-.889-1.862-.889-2.793 0l-.399.399c-.132.132-.132.264 0 .396l2.396 2.397c.132.131.264.131.396 0l.4-.402c.927-.93.927-1.86 0-2.79z" fill="#FFF"/></g></svg>

After

Width:  |  Height:  |  Size: 663 B

View File

@ -1 +1 @@
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M3 2v12M13 2v12M3 8h10.005" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor" fill="none" fill-rule="evenodd"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M4 7h8V2c0-.552.448-1 1-1s1 .448 1 1v5.897c.003.034.005.068.005.103 0 .035-.002.07-.005.103V14c0 .552-.448 1-1 1s-1-.448-1-1V9H4v5c0 .552-.448 1-1 1s-1-.448-1-1V2c0-.552.448-1 1-1s1 .448 1 1v5z" fill="#FFF" fill-rule="nonzero"/></svg>

Before

Width:  |  Height:  |  Size: 222 B

After

Width:  |  Height:  |  Size: 327 B

View File

@ -1 +1 @@
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M5 5.483V13m6-7.517V13M5 9h6" stroke="currentColor" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M6 8h4V5.483c0-.552.448-1 1-1s1 .448 1 1V13c0 .552-.448 1-1 1s-1-.448-1-1v-3H6v3c0 .552-.448 1-1 1s-1-.448-1-1V5.483c0-.552.448-1 1-1s1 .448 1 1V8z" fill="#FFF" fill-rule="nonzero"/></svg>

Before

Width:  |  Height:  |  Size: 224 B

After

Width:  |  Height:  |  Size: 281 B

View File

@ -1 +0,0 @@
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g stroke="currentColor" fill="none" fill-rule="evenodd" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 2h9M5 14h9m-2-8h2m-2 4h2" opacity=".6"/><path d="M2 6h6.005v4.001H2z"/></g></svg>

Before

Width:  |  Height:  |  Size: 274 B

View File

@ -1,9 +1 @@
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<title>
kg-img-full
</title>
<g stroke="#FFF" fill="none" fill-rule="evenodd">
<path d="M1 2v12M15 2v12" stroke-width="2" opacity=".6" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4 8h8M6.046 4.983L3.018 8l3.028 3.058M10.018 4.983L13.046 8l-3.028 3.058" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</g>
</svg>
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 2c0-.552.448-1 1-1s1 .448 1 1v12c0 .552-.448 1-1 1s-1-.448-1-1V2zM14 2c0-.552.448-1 1-1s1 .448 1 1v12c0 .552-.448 1-1 1s-1-.448-1-1V2z" fill="#FFF" fill-rule="nonzero" opacity=".6"/><path d="M10.626 7L9.312 5.691c-.391-.39-.393-1.023-.003-1.414s1.023-.392 1.414-.003l3.029 3.017c.39.389.392 1.02.005 1.412l-3.029 3.059c-.388.392-1.022.395-1.414.007-.392-.389-.396-1.022-.007-1.414L10.648 9H5.415l1.342 1.355c.388.392.385 1.025-.007 1.414-.393.388-1.026.385-1.415-.007L2.307 8.703c-.388-.392-.386-1.023.005-1.412L5.34 4.274c.391-.39 1.025-.388 1.414.003.39.391.389 1.025-.002 1.414L5.438 7h5.188z" fill="#FFF" fill-rule="nonzero"/></g></svg>

Before

Width:  |  Height:  |  Size: 470 B

After

Width:  |  Height:  |  Size: 771 B

View File

@ -1 +1 @@
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g stroke="currentColor" fill="none" fill-rule="evenodd" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 2h12M2 14h12" opacity=".6"/><path d="M2 6h12v4.001H2z"/></g></svg>
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M2 3c-.552 0-1-.448-1-1s.448-1 1-1h12c.552 0 1 .448 1 1s-.448 1-1 1H2zM2 15c-.552 0-1-.448-1-1s.448-1 1-1h12c.552 0 1 .448 1 1s-.448 1-1 1H2z" fill="#FFF" fill-rule="nonzero" opacity=".6"/><path d="M2 5h12c.552 0 1 .448 1 1v4.001c0 .552-.448 1-1 1H2c-.552 0-1-.448-1-1V6c0-.552.448-1 1-1z" fill="#FFF" fill-rule="nonzero"/></g></svg>

Before

Width:  |  Height:  |  Size: 259 B

After

Width:  |  Height:  |  Size: 461 B

View File

@ -1,9 +1 @@
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<title>
kg-img-full
</title>
<g stroke="#FFF" fill="none" fill-rule="evenodd">
<path d="M6 2h4M6 14h4" stroke-width="2" opacity=".6" stroke-linecap="round" stroke-linejoin="round"/>
<path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M2 6h12v4.001H2z"/>
</g>
</svg>
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M6 3c-.552 0-1-.448-1-1s.448-1 1-1h4c.552 0 1 .448 1 1s-.448 1-1 1H6zM6 15c-.552 0-1-.448-1-1s.448-1 1-1h4c.552 0 1 .448 1 1s-.448 1-1 1H6z" fill="#FFF" fill-rule="nonzero" opacity=".6"/><path d="M2 5h12c.552 0 1 .448 1 1v4.001c0 .552-.448 1-1 1H2c-.552 0-1-.448-1-1V6c0-.552.448-1 1-1z" fill="#FFF" fill-rule="nonzero"/></g></svg>

Before

Width:  |  Height:  |  Size: 411 B

After

Width:  |  Height:  |  Size: 459 B

View File

@ -1 +1 @@
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M9 2h4.915M2 14h4.915m-2.577-.011L11.52 2.108" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor" fill="none" fill-rule="evenodd"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M12.15 3L6.104 13h.811c.552 0 1 .448 1 1s-.448 1-1 1H2c-.552 0-1-.448-1-1s.448-1 1-1h1.767L9.813 3H9c-.552 0-1-.448-1-1s.448-1 1-1h4.915c.552 0 1 .448 1 1s-.448 1-1 1H12.15z" fill="#FFF" fill-rule="nonzero"/></svg>

Before

Width:  |  Height:  |  Size: 241 B

After

Width:  |  Height:  |  Size: 307 B

View File

@ -1 +1 @@
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g stroke="currentColor" fill="none" fill-rule="evenodd" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.093 12.41l-1.07 1.026a2.096 2.096 0 0 1-2.965 0l-.494-.494a2.097 2.097 0 0 1 0-2.964l3.213-3.213a2.096 2.096 0 0 1 2.965 0"/><path d="M8.742 3.756l1.235-1.192a2.098 2.098 0 0 1 2.965 0l.494.494a2.096 2.096 0 0 1 0 2.965L10.21 9.367c-.82.82-2.146.82-2.965 0"/></g></svg>
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M6.4 11.688c.4-.382 1.032-.369 1.415.03.382.399.368 1.032-.03 1.414l-1.055 1.01c-1.209 1.21-3.17 1.21-4.38 0l-.494-.494c-1.208-1.209-1.208-3.17.001-4.377L5.07 6.058c1.21-1.21 3.17-1.21 4.38 0 .39.39.39 1.024 0 1.414-.391.39-1.024.39-1.415 0-.428-.428-1.122-.428-1.551 0l-3.213 3.213c-.427.427-.427 1.122 0 1.55l.494.494c.428.428 1.123.428 1.566-.015l1.07-1.026zm3.037-7.212c-.398.383-1.03.372-1.414-.025-.384-.398-.373-1.03.025-1.414l1.222-1.18c1.21-1.209 3.169-1.209 4.379 0l.493.494c1.21 1.209 1.21 3.17.013 4.366l-3.237 3.357c-1.21 1.21-3.17 1.21-4.38 0-.39-.391-.389-1.025.002-1.415.39-.39 1.024-.39 1.414.001.428.429 1.121.429 1.537.013l3.238-3.358c.428-.427.428-1.121 0-1.55l-.494-.493c-.429-.429-1.123-.429-1.563.012L9.437 4.476z" fill="#FFF" fill-rule="nonzero"/></svg>

Before

Width:  |  Height:  |  Size: 462 B

After

Width:  |  Height:  |  Size: 870 B

View File

@ -1 +0,0 @@
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M7.5 2.5h6m-6 5h6m-6 5h6" stroke-width="2"/><path d="M3.292 11.5h1.126l-.583.897c.482 0 .583.28.583.572 0 .292-.101.573-.583.573h-.543m1.207-4.741H3.292c.863-1.166 1.166-1.07 1.166-1.728a.575.575 0 0 0-.583-.573.553.553 0 0 0-.563.568m.855-3.276V1.5l-.875.854"/></g></svg>

Before

Width:  |  Height:  |  Size: 445 B

View File

@ -1 +1 @@
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M3.44 9H6v4H3V5.082C3 4.388 3.667 3.694 5 3m5.44 6H13v4h-3V5.082c0-.694.667-1.388 2-2.082" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor" fill="none" fill-rule="evenodd"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M4 8h2c.552 0 1 .448 1 1v4c0 .552-.448 1-1 1H3c-.552 0-1-.448-1-1V5.082c0-1.176.906-2.12 2.538-2.969.49-.255 1.094-.065 1.349.425.255.49.065 1.094-.425 1.349-.578.3-.993.589-1.24.847-.168.174-.222.286-.222.348V8zm9 0c.552 0 1 .448 1 1v4c0 .552-.448 1-1 1h-3c-.552 0-1-.448-1-1V5.082c0-1.176.906-2.12 2.538-2.969.49-.255 1.094-.065 1.349.425.255.49.065 1.094-.425 1.349-.578.3-.993.589-1.24.847-.168.174-.222.286-.222.348V8h2z" fill="#FFF" fill-rule="nonzero"/></svg>

Before

Width:  |  Height:  |  Size: 285 B

After

Width:  |  Height:  |  Size: 559 B

View File

@ -1,11 +1 @@
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<title>
kg-replace
</title>
<g stroke="#FFF" fill="none" fill-rule="evenodd">
<path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M2 10h5v4H2zM9 2h5v4H9z"/>
<path d="M10 14h1c.552 0 1-.448 1-1V9" stroke-linecap="round" stroke-linejoin="round"/>
<path stroke-linecap="round" stroke-linejoin="round" d="M14.034 11.054L12.002 9l-2.009 2.054M6 2H5c-.552 0-1 .448-1 1v4"/>
<path stroke-linecap="round" stroke-linejoin="round" d="M1.966 4.946L3.998 7l2.009-2.054"/>
</g>
</svg>
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M2 9h5c.552 0 1 .448 1 1v4c0 .552-.448 1-1 1H2c-.552 0-1-.448-1-1v-4c0-.552.448-1 1-1zM9 1h5c.552 0 1 .448 1 1v4c0 .552-.448 1-1 1H9c-.552 0-1-.448-1-1V2c0-.552.448-1 1-1zM4.5 5.772l1.15-1.175c.192-.198.509-.201.706-.008.198.193.201.51.008.707L4.382 7.322c-.091.109-.229.178-.382.178-.13 0-.26-.05-.357-.148L1.61 5.298c-.194-.196-.193-.513.004-.707.196-.194.512-.193.707.004L3.5 5.785V3c0-.828.672-1.5 1.5-1.5h1c.276 0 .5.224.5.5s-.224.5-.5.5H5c-.276 0-.5.224-.5.5v2.772zm7 4.456l-1.15 1.175c-.192.198-.509.201-.706.008-.198-.193-.201-.51-.008-.707l1.982-2.026c.091-.109.229-.178.382-.178.13 0 .26.05.357.148l2.032 2.054c.194.196.193.513-.004.707-.196.194-.512.193-.707-.004l-1.178-1.19V13c0 .828-.672 1.5-1.5 1.5h-1c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h1c.276 0 .5-.224.5-.5v-2.772z" fill="#FFF" fill-rule="nonzero"/></g></svg>

Before

Width:  |  Height:  |  Size: 633 B

After

Width:  |  Height:  |  Size: 954 B

View File

@ -1,9 +0,0 @@
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<title>
kg-settings
</title>
<g stroke="#FFF" fill="none" fill-rule="evenodd">
<path d="M9.75 8c0 1.167-.583 1.75-1.75 1.75S6.25 9.167 6.25 8 6.833 6.25 8 6.25 9.75 6.833 9.75 8z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.317 9.75c-.176.397-.112.751.192 1.062l.035.035c.228.228.342.503.342.825 0 .323-.114.598-.342.825-.228.229-.503.343-.825.343-.323 0-.598-.114-.826-.343l-.035-.035c-.31-.303-.664-.367-1.061-.192-.388.166-.582.46-.584.88v.1c0 .778-.389 1.167-1.166 1.167-.778 0-1.167-.39-1.167-1.167v-.053c-.01-.436-.22-.73-.63-.88-.397-.176-.751-.112-1.062.192l-.035.035c-.228.228-.503.342-.825.342-.323 0-.598-.114-.825-.342-.229-.228-.343-.503-.343-.825 0-.323.114-.598.343-.826l.035-.035c.303-.31.367-.664.192-1.061-.166-.388-.46-.582-.88-.584h-.1c-.778 0-1.167-.389-1.167-1.166 0-.322.114-.597.342-.825.228-.228.503-.342.825-.342h.052c.437-.01.73-.22.881-.63.176-.397.112-.751-.192-1.062l-.035-.035c-.228-.228-.342-.503-.342-.825 0-.323.114-.598.342-.826.228-.228.503-.342.825-.342.323 0 .598.114.826.343l.035.035c.31.303.664.367 1.061.192h.047c.387-.166.582-.46.583-.88v-.1c0-.322.114-.597.342-.825.228-.228.503-.342.825-.342.778 0 1.167.39 1.167 1.167v.052c.001.422.196.715.583.881.397.176.751.112 1.062-.192l.035-.035c.228-.228.503-.342.825-.342.323 0 .598.114.825.342.229.228.343.503.343.825 0 .323-.114.598-.343.826l-.035.035c-.303.31-.367.664-.192 1.061v.047c.166.387.46.582.88.583h.1c.778 0 1.167.39 1.167 1.167 0 .778-.39 1.167-1.167 1.167h-.053c-.42.001-.714.196-.88.583z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -0,0 +1 @@
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M1.3 4.6C.969 4.6.7 4.331.7 4c0-.331.269-.6.6-.6h13.5c.331 0 .6.269.6.6 0 .331-.269.6-.6.6H1.3z" fill="#FFF" fill-rule="nonzero"/><path d="M13.9 4v9.5c0 1.331-.769 2.1-2.1 2.1H4.3c-1.331 0-2.1-.769-2.1-2.1V4c0-.331.269-.6.6-.6h10.5c.331 0 .6.269.6.6zM5.95 6.75v5.5c0 .331.269.6.6.6.331 0 .6-.269.6-.6v-5.5c0-.331-.269-.6-.6-.6-.331 0-.6.269-.6.6zm3 0v5.5c0 .331.269.6.6.6.331 0 .6-.269.6-.6v-5.5c0-.331-.269-.6-.6-.6-.331 0-.6.269-.6.6z" fill="#FFF" fill-rule="nonzero"/><path d="M5.65 4c0 .331-.269.6-.6.6-.331 0-.6-.269-.6-.6V2.5c0-.573.21-1.08.615-1.485S5.977.4 6.55.4h3c1.331 0 2.1.769 2.1 2.1V4c0 .331-.269.6-.6.6-.331 0-.6-.269-.6-.6V2.5c0-.669-.231-.9-.9-.9h-3c-.255 0-.456.083-.636.264-.18.18-.264.38-.264.636V4z" fill="#FFF" fill-rule="nonzero"/></g></svg>

After

Width:  |  Height:  |  Size: 893 B

View File

@ -100,7 +100,7 @@
"eslint": "4.19.1",
"eslint-plugin-ghost": "0.0.25",
"fs-extra": "4.0.3",
"ghost-spirit": "0.0.29",
"ghost-spirit": "0.0.30",
"glob": "7.1.2",
"google-caja-bower": "https://github.com/acburdine/google-caja-bower#ghost",
"grunt": "1.0.3",

View File

@ -5241,9 +5241,9 @@ ghost-ignition@^2.7.0:
prettyjson "^1.1.3"
uuid "^3.0.0"
ghost-spirit@0.0.29:
version "0.0.29"
resolved "https://registry.yarnpkg.com/ghost-spirit/-/ghost-spirit-0.0.29.tgz#9a3aaf412eb00233ad19b699dc82279f44ed45c6"
ghost-spirit@0.0.30:
version "0.0.30"
resolved "https://registry.yarnpkg.com/ghost-spirit/-/ghost-spirit-0.0.30.tgz#73f520363fbb0a4ac63483072bec9f01cc84d3a7"
dependencies:
autoprefixer "8.2.0"
bluebird "^3.4.6"