PP
что в —narrow-windows ?
--narrow-window: 1200px;
Size: a a a
2020 February 28
L
L
все вроде ок должно быть
L
importFrom тоже делаю в .postcssrc.js
T
с postcss хотел попробовать
@media (max-width: env(--narrow-window)) {}
но получается ошибка Number, dimension, ratio or identifier is expected
...
internal/modules/cjs/loader.js:964
throw err;
^
в медиа переменные не работают по умолчанию, плагин нужен
L
само собой
L
module.exports = {
plugins: {
'postcss-import': {},
'postcss-preset-env': {
stage: 0,
importFrom: ['./src/styles/vars.css', './src/styles/media.css'],
},
'postcss-pxtorem': {},
},
};L
в опциях stage: 0
PM
vikignt
Всё было классно, ждём в Питере
Я вот думаю что можно в мае может...🤔
GV
с postcss хотел попробовать
@media (max-width: env(--narrow-window)) {}
но получается ошибка Number, dimension, ratio or identifier is expected
...
internal/modules/cjs/loader.js:964
throw err;
^
а env это вместо var только для PostCSS?
T
само собой
я давно уже не смотрел, но без этого не работало https://github.com/WolfgangKluge/postcss-media-variables
stage 0 - это поддерживаемый в будущем функционал, а переменные в медиа не могут быть по спецификации
stage 0 - это поддерживаемый в будущем функционал, а переменные в медиа не могут быть по спецификации
L
я давно уже не смотрел, но без этого не работало https://github.com/WolfgangKluge/postcss-media-variables
stage 0 - это поддерживаемый в будущем функционал, а переменные в медиа не могут быть по спецификации
stage 0 - это поддерживаемый в будущем функционал, а переменные в медиа не могут быть по спецификации
это вообще другой плагин
v
Я вот думаю что можно в мае может...🤔
Ночи белые, дни тёплые :)
L
я пробовал postcss-env-function
L
но после rollup-plugin-postcss
это env() как было - так и осталось
@media (max-width: env(--narrow-window)) {
.typography-navitem {
width: auto
}
}это env() как было - так и осталось
T
а в конфиге нет его
L
а в конфиге нет его
я дурак
L
они же объявляются подругому эти переменные
L
env(safe-area-inset-top, 20px); вот так с фолбэк значениями
L
а env это вместо var только для PostCSS?
не, это CSS environment variables. похожая история, но немного другая нежели custom-properties