Skip to content

Latest commit

 

History

History
52 lines (42 loc) · 1.57 KB

README.md

File metadata and controls

52 lines (42 loc) · 1.57 KB

Миксин который помогает добавлять стили для ie онли

1. Вы каким либо способом вешаете к своему тегу html классы ie и ie<номер версии>

Мы привыкли это делать вот так:

<!DOCTYPE html>
<!--[if (lt IE 7)|(IE 7) ]>    <html xmlns="http://www.w3.org/1999/xhtml" class="ie ie7"> <![endif]-->
<!--[if IE 8 ]>                <html xmlns="http://www.w3.org/1999/xhtml" class="ie ie8"> <![endif]-->
<!--[if IE 9 ]>                <html xmlns="http://www.w3.org/1999/xhtml" class="ie ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html xmlns="http://www.w3.org/1999/xhtml"> <!--<![endif]-->

Затем чтобы написать стили специально для ie в цсс мы делали вот так:

/* этот стиль будет применён только к ие7 */
.ie7 .my-style {
  background: yellow;
}

Чтобы это не вызывало боли, когда мы пишем stylus-код, был сделан очень простой миксин

ie(ieVer = '')
  /.ie{ieVer}
    {selector()}
      {block}

2. Теперь в stylus-файле мы делаем вот так

.my-style
  background-color red
  +ie(7)
    background yellow

А на выходе получаем вот это:

.my-style {
  background-color: #f00;
}
.ie7 .my-style {
  background: #ff0;
}

Велосипед подготовил Гуртовой Андрей