.vue-advanced-cropper .vue-preview-result__image {
filter: blur(var(--blur-background)) grayscale(var(--grayscale-background)) opacity(var(--opacity-background));
}
почему не валидны все остальные значения с переменными после первого? с одним работает
Сложно сказать.
Должно работать, но для начала хотелось бы посмотреть на значения переменных. Скорее всего, проблема с ними (например, у размытия указано значение не в пикселях).
И у меня есть три встречных вопроса в отрыве от поднятой темы:
1. Почему было отдано предпочтение устаревшей версии библиотеки? В новой версии недокументированный PreviewResult
заменён на задокументированный Preview
.
2. Зачем применять подобные фильтры к превью изображения? Создаётся впечатление, что они должны были быть применены к .vue-advanced-cropper__image
.
3. Если создаётся не тема для кроппера, а кастомизируется конкретный его экземпляр, то лучше воспользоваться свойством image-class
, если же создаётся тема, то следует принять во внимание тот факт, что библиотека использует БЭМ-методологию и вложенный селектор совсем необязателен.