Да, это иконочные шрифты.
Вот например.
Есть три варианта:
1. Обычные растовые изображения, при наведении менять background (потребуется создавать иконки в 2х цветах, что в принципе не очень).
2. Использовать иконочный шрифт, например Font-Awesome (легко внедрить, цвет можно менять просто через css, единственное на разных устройствах и ос рендерится по разному, бывает размыто).
3. Использовать векторные иконки, встраивать их прямо в HTML код напрямую или через спрайт-символы (самый современный вариант, вектор отлично смотрится, можно менять цвет через css, делать разные чудеса через js).
<h1>Наши преимущества</h1> h1 { position: relative; text-transform: uppercase; padding: 10px 0 0 0; } h1:before { content: ''; position: absolute; top: 0; left: 0; width: 50px; height: 3px; background: #DC5440; }
Держите.
Как угодно, номер я взял первый попавшийся.
Если вы не стали использовать мета тег, то наверно да, нужен important.
Обернуть телефон в span с классом и стилизовать:
<span class="tel">8 (800) 250-08-90</span> .tel { color: red; }
Но я рекомендую вариант с ссылкой.
Это специальный мета тег от эпл, и работает для их устройств.
Вообще все тел. номера на сайтах нужно делать ссылками, а стили уже исходя от дизайна:
<a href="tel:+88002500890">8 (800) 250-08-90</a>
Попробуйте добавить:
<meta name="format-detection" content="telephone=no">
Или через CSS
a[href^="tel"]{ color:inherit; }
Поставить выполнение анимации на более продолжительное время, в шагах указать значительный процент бездействия.
Если у вас разный атрибут lang у тега html на страницах, то можно так:
<div class="myblock">...</div> html[lang="ru"] .myblock {display: none;} html[lang="de"] .myblock {display: block;}
Можно добавить атрибут lang прямо ссылке и использовать псевдокласс:
<a href="#" lang="ru">Главная</a> <a href="#" lang="en">Main page</a> a:lang(en) {color: green;} a:lang(ru) {color: red;}
Напишите новый таск и просто удаляйте html перед компиляцией jade.