Gantry Framework имеет возможность загружать разные файлы CSS, в зависимости от браузера / операционной системы. Это позволяет осуществлять полный контроль над тем, как сайт отображается даже самых привередливых браузерах!
Вы можете создавать разные CSS и каждый файл будет автоматически загружен Gantry в зависимости от браузера / операционной системы.
Принцип работы
Gantry может распознавать «характеристи» в названиях файлов:
- file — имя для css;
- browser — название браузера (могут быть: ie, firefox, chrome, safari, opera, iphone (работает сразу для iphone/ipod), ipad, android, unknown);
- longver — полное название браузера с версией (например, IE => 9.0, Safari 5 => 5.0.4, Firefox 5 => 5.0.0.20);
- shortver — основная версия браузера (например, если Safari 5.0.4 то используйте только 5, или IE 9.0, будет как 9);
- platform — платформа на которой работает браузер (например: iphone (работает сразу для iphone/ipod), ipad, android, mobile, win, mac, linux, unknown).
Возможные комбинации:
- file.css
- file-browser.css
- file-platform.css
- file-browser-platform.css
- file-browsershortver.css [не используйте пробелы между этими двумя характеристиками]
- file-browserlongver.css
- file-browsershortver-platform.css
- file-browserlongver-platform.css
Использование
Вся эта система работает только с файлами CSS. Для подключения CSS используется метод $gantry->addStyle(); для подключения LESS $gantry->addLess(); .
Раньше, до 4 версии Gantry использовалось обозначение template.css и вы могли использовать template-ie8.css для IE8.
В шаблоне Gnatry есть файл global.less, из которого компилируется master.css файл. Если вы используете Chrome версии 21 на Mac, Gаntry автоматически будет искать и применять следующие файлы из директории ВАШ_ШАБЛОН/CSS:
- master.css
- master-chrome.css
- master-mac.css
- master-webkit.css
- master-chrome-mac.css
- master-chrome21.css
- master-chrome21.0.1180.82.css
- master-chrome21-mac.css
- master-chrome21.0.1180.82-mac.css
