Оформление ссылок

link-style

В SIMAI Framework с помощью модификаторов вы можете изменять вид подчеркивания ссылок.

Классы

Класс Значение
link-dotted text-decoration-style: dotted;
link-dashed text-decoration-style: dashed;

Описание

Адаптивный модификатор. Управляет внешним видом подчеркивания ссылок.

Использование модификатора: {контрольная точка}:{модификатор}

  • Модификатор. Обязательный параметр. Принимает значения:
    • link-dotted – подчеркивание точками
    • link-dashed – подчеркивание прерывистыми линиями

Пример

Модификаторы можно использовать непосредственно в ссылках.

link-dotted
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
link-dashed
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<p>Lorem ipsum dolor sit amet, <a  href="#" class="link-dotted">consectetur adipiscing elit</a>, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p>Lorem ipsum dolor sit amet, <a  href="#" class="link-dashed">consectetur adipiscing elit</a>, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>

Наследование

Действие модификатора наследуется для дочерних ссылок.

link-dotted

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

link-dashed

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

<div class="link-dotted"><p>Lorem ipsum dolor sit amet, <a href="#">consectetur adipiscing elit</a>, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div>
<div class="link-dashed"><p>Lorem ipsum dolor sit amet, <a href="#">consectetur adipiscing elit</a>, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div>

Изменить статью