Matching цвета «значок-дом» в Twitter Bootstrap

Я пытаюсь соответствовать цвету значка дома с помощью Twitter Bootstrap в цвет неактивного текста, как так:Matching цвета «значок-дом» в Twitter Bootstrap

<div class="navbar navbar-fixed-top"> 
    <div class="navbar-inner"> 
    <div class="container"> 
     <ul class="nav"> 
     <li class="nav_item"><a href="indexdefaults.html"><i class="icon-home icon-gray"></i>Home</a></li> 
     <li class="active"><a href="about.html">About</a></li> 
     </ul> 
    </div> 
    </div> 
</div>

, но значок» -gray "намного темнее текста в классе" nav_item ". Каков соответствующий значок класса-foobar, который соответствует цвету текста nav_item?

источник

2012-05-26 Sevenless

Для значков, белых и темных, есть только два варианта: если вы хотите получить различный цветной набор значков, вы должны изменить оригинальные значки в фотошопе или заплатить за полный набор значков и изменить исходные файлы. Нет .icon-gray.

источник

2012-05-26 13:21:16

Вы можете получить серый цвет, используя пользовательский стиль:

.icon-gray { 
    opacity: 0.3; 
}

Вы, возможно, придется изменить непрозрачность ниже или выше в соответствии с весом черного.

источник

2012-06-26 11:49:55 safrazik

Это отлично работает. Для сдержанного серого я предлагаю изменить непрозрачность до 0,3 –

Хороший призыв к непрозрачности: 0,3. Выглядит отлично. –

vincentjacquel и @PeterBloom: отредактировал ответ в соответствии с вашими комментариями. Спасибо за предложения. – safrazik

Почему вы не просто интегрировать: Шрифт Высокий, который работает хорошо с Bootstrap без редактирования изображения, и вы можете изменить цвет значка так же, как вы делаете для текста:

.icon-gray {color:#696969;}

Шрифт Высокий: http://fortawesome.github.io/Font-Awesome/

поиск цвета CSS Match: http://www.w3schools.com/cssref/css_colornames.asp

источник

2013-05-16 17:05:19 Osify

Matching цвета «значок-дом» в Twitter Bootstrap

ответ

Смежные вопросы