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

14 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"> <!--<![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;
}

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

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published