Переменные назначения в Stylus

Question

Я пытаюсь разместить назначения переменных для медиа-запросов в файле global.styl.

следующие работы, если он находится в том же файле:

tablet = "all and (max-width: " + 768px+ ")" //variable assignment @media tablet { text-align: left; padding: 122px; }

Но если я пытаюсь переместить назначение переменной в global.styl файл, он не работает.

Я хотел бы избежать необходимости возвращаться и рефакторировать после того, как выясню, почему метеорит и стилус не читают глобальную переменную из другого файла, поэтому любая помощь очень ценится. Благодаря!

Answer 1

Пакет стилуса Метеор составляет каждый файл .styl отдельно. Если вы хотите разделить таблицу стилей на несколько файлов, вам необходимо использовать директиву stylus @import, как обычно. Назовите свой импортированный (globals) файл с расширением .import.styl, а Meteor будет следить за изменениями, не пытаясь скомпилировать его самостоятельно.

// globals.import.styl 
tablet = "all and (max-width: " + 768px+ ")" 

// media-queries.import.styl 
// ... 
@media tablet { 
    text-align: left; 
    padding: 122px; 
} 
// ... 

// style.styl 
@import 'globals.import' 
@import 'media-queries.import' 

Кстати, я настоятельно рекомендую проверить Rupture, который поставляется в комплекте с пакетом cryptoquick:stylus-multi метеора.