Наследственный цвет
link-color-inherit
hover
В SIMAI Framework с помощью модификатора наследования цвета можно сделать цвет ссылок такой же как и у текста.
Классы
| Класс | Значение |
|---|---|
link-inherit |
text-decoration-color: currentColor;color: currentColor; |
link-inherit-link |
a {color:inherit;} |
Описание
Адаптивный модификатор. Управляет наследственноостью цвета.
Использование модификатора: {контрольная точка}:{модификатор}
- Модификатор. Обязательный параметр. Принимает значения:
link-inherit– цвет ссылки принимает значение цвета текста.
Пример
Модификаторы можно использовать непосредственно в ссылках.
link-inherit- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
link-inherit-link- 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-inherit">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-inherit-link">consectetur adipiscing elit</a>, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
Наследование
Действие модификатора наследуется для дочерних ссылок.
link-inherit-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
link-inherit-link-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<div class="link-inherit color-warning"><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-inherit-link color-warning"><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>