bukatchuk ui

Элементы

Ссылка

Ссылка в тексте: оранжевое подчёркивание, при наведении заливка.

link с версии 0.1.0

Примеры

Ссылка в тексте

Машиночитаемая схема: openapi.json — после входа или по токену.

<p>Машиночитаемая схема: <a class="link" href="#">openapi.json</a> — после входа или по токену.</p>

Установка

bukatchuk-ui add link

Вместе с компонентом установятся: tokens, fonts, base.

Файлы

ФайлНазначение
link.cssстили
example.htmlобразец разметки, в проект не копируется
link.jekyll.htmlвставка для Jekyll
link.jinja.htmlвставка для Jinja

Вставка для Jekyll

{%- comment -%} Ссылка в тексте. Параметры: text, href. {%- endcomment -%}
<a class="link" href="{{ include.href }}">{{ include.text }}</a>

Макрос для Jinja

{#- Ссылка в тексте. -#}
{% macro link(text, href) -%}<a class="link" href="{{ href }}">{{ text }}</a>{%- endmacro %}