Skip to content

Миксин позволяющий не отрываясь от вёрстки внести корректировку в ie

License

Notifications You must be signed in to change notification settings

jt3k/stylus-ie-mixin

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 

Repository files navigation

#Миксин который добавляет стильи для 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" class="test">   <!--<![endif]-->

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

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

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

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

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

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

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

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

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

About

Миксин позволяющий не отрываясь от вёрстки внести корректировку в ie

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published