Показать сообщение отдельно
  #18 (permalink)  
Старый 14.12.2016, 11:24
Аватар для xShift
Профессор
Отправить личное сообщение для xShift Посмотреть профиль Найти все сообщения от xShift
 
Регистрация: 22.11.2016
Сообщений: 212

v 1.5.0

После некоторых раздумий было решено расширить возможные варианты схем CSS для различных устройств.

if(caseVal <= 480) {
				this.schema = "mobile";
			}
			if(caseVal <= 768 && caseVal >= 480) {
				this.schema = "tablet";
			}
			if(caseVal <= 960 && caseVal >= 768 ) {
				this.schema = "ptablet";
			}
			if(caseVal >= 1024 && caseVal <= 1280) {
				this.schema = "desktop-min";
			}
			if(caseVal >= 1280) {
				this.schema = "desktop-max";
			}


Автоматически подключаемые схемы:

1) мобильный телефон
2) таблетка(планшет)
3) таблетка в режиме портрета
4) десктопная схема минимум для меньше 1280px
5) десктопная схема максимум для больше 1280px

Таким образом упростилась верстка под разные устройства с использованием Evolution, а также произошло избавление от надобности писать media-queries.

CSS-схемы расположены в /app/schema.

также мною запланирована реализация сетки для удобной верстки шаблонов и небольшой bootstrap с готовыми стилями(возможно будут разные цветовые схемы по вкусу).
Ответить с цитированием