2018-05-08 14:16:26 +03:00
|
|
|
<ul class="kg-action-bar bg-darkgrey-d1 inline-flex pa0 ma0 pl1 pr1 nl1 list br3 shadow-2 items-center relative white f8 fw6 tracked-2 {{if showToolbar "anim-fast-bezier" "o-0 pop-down"}}">
|
2018-04-03 18:52:00 +03:00
|
|
|
<li class="ma0 lh-solid">
|
|
|
|
<button
|
|
|
|
type="button"
|
|
|
|
title="Bold"
|
2018-05-08 14:16:26 +03:00
|
|
|
class="dib dim-lite link h10 w9 nudge-top--1"
|
2018-04-03 18:52:00 +03:00
|
|
|
{{action "toggleMarkup" "strong"}}
|
|
|
|
>
|
2018-08-08 15:14:02 +03:00
|
|
|
{{svg-jar "koenig/kg-bold" class=(concat (if activeMarkupTagNames.isStrong "fill-blue-l2" "fill-white") " w4 h4")}}
|
2018-04-03 18:52:00 +03:00
|
|
|
</button>
|
|
|
|
</li>
|
|
|
|
<li class="ma0 lh-solid">
|
|
|
|
<button
|
|
|
|
type="button"
|
|
|
|
title="Italic"
|
2018-05-08 14:16:26 +03:00
|
|
|
class="dib dim-lite link h10 w9 nudge-top--1"
|
2018-04-03 18:52:00 +03:00
|
|
|
{{action "toggleMarkup" "em"}}
|
|
|
|
>
|
2018-08-08 15:14:02 +03:00
|
|
|
{{svg-jar "koenig/kg-italic" class=(concat (if (or activeMarkupTagNames.isEm activeMarkupTagNames.isI) "fill-blue-l2" "fill-white") " w4 h4")}}
|
2018-04-03 18:52:00 +03:00
|
|
|
</button>
|
|
|
|
</li>
|
|
|
|
<li class="ma0 lh-solid">
|
|
|
|
<button
|
|
|
|
type="button"
|
|
|
|
title="Heading One"
|
2018-05-08 14:16:26 +03:00
|
|
|
class="dib dim-lite link h10 w9 nudge-top--1"
|
2018-05-15 14:08:58 +03:00
|
|
|
{{action "toggleHeaderSection" "h1"}}
|
2018-04-03 18:52:00 +03:00
|
|
|
>
|
2018-08-08 15:14:02 +03:00
|
|
|
{{svg-jar "koenig/kg-heading-1" class=(concat (if activeSectionTagNames.isH1 "fill-blue-l2" "fill-white") " w4 h4")}}
|
2018-04-03 18:52:00 +03:00
|
|
|
</button>
|
|
|
|
</li>
|
|
|
|
<li class="ma0 lh-solid">
|
|
|
|
<button
|
|
|
|
type="button"
|
|
|
|
title="Heading Two"
|
2018-05-08 14:16:26 +03:00
|
|
|
class="dib dim-lite link h10 w9 nudge-top--1"
|
2018-05-15 14:08:58 +03:00
|
|
|
{{action "toggleHeaderSection" "h2"}}
|
2018-04-03 18:52:00 +03:00
|
|
|
>
|
2018-08-08 15:14:02 +03:00
|
|
|
{{svg-jar "koenig/kg-heading-2" class=(concat (if activeSectionTagNames.isH2 "fill-blue-l2" "fill-white") " w4 h4")}}
|
2018-04-03 18:52:00 +03:00
|
|
|
</button>
|
|
|
|
</li>
|
2018-02-20 18:14:28 +03:00
|
|
|
|
2018-05-08 14:16:26 +03:00
|
|
|
<li class="ma0 lh-solid kg-action-bar-divider bg-darkgrey-l2 h5"></li>
|
2018-02-20 18:14:28 +03:00
|
|
|
|
2018-04-03 18:52:00 +03:00
|
|
|
<li class="ma0 lh-solid">
|
|
|
|
<button
|
|
|
|
type="button"
|
|
|
|
title="Quote"
|
2018-05-08 14:16:26 +03:00
|
|
|
class="dib dim-lite link h10 w9 nudge-top--1"
|
2018-04-03 18:52:00 +03:00
|
|
|
{{action "toggleSection" "blockquote"}}
|
|
|
|
>
|
2018-08-08 15:14:02 +03:00
|
|
|
{{svg-jar "koenig/kg-quote" class=(concat (if activeSectionTagNames.isBlockquote "fill-blue-l2" "fill-white") " w4 h4")}}
|
2018-04-03 18:52:00 +03:00
|
|
|
</button>
|
|
|
|
</li>
|
|
|
|
<li class="ma0 lh-solid">
|
|
|
|
<button
|
|
|
|
type="button"
|
|
|
|
title="Link"
|
2018-05-08 14:16:26 +03:00
|
|
|
class="dib dim-lite link h10 w9 nudge-top--1"
|
2018-04-06 19:49:16 +03:00
|
|
|
{{action "editLink"}}
|
2018-04-03 18:52:00 +03:00
|
|
|
>
|
2018-08-08 15:14:02 +03:00
|
|
|
{{svg-jar "koenig/kg-link" class=(concat (if activeMarkupTagNames.isA "fill-blue-l2" "fill-white") " w4 h4")}}
|
2018-04-03 18:52:00 +03:00
|
|
|
</button>
|
|
|
|
</li>
|
|
|
|
</ul>
|