Я ищу в замене Polymer Elements надстройкой с библиотекой css/js Material Designs Lite (MDL), чтобы я мог проектировать мои макеты с более родными компонентами для Vaadin.Импорт css в стиль/тему
Я обнаружил, что доступ к внутренним узлам для полимерных элементов представляет собой огромную проблему, например, Paper-Card имеет внутренние разделители для содержимого карты, действия карты и т. Д. Трудно установить контент или действия карту с родным компонентом Vaadin, поскольку они более тесно связаны с древовидной структурой html с использованием getRoot() и appendChild(), я не могу просто использовать addComponent (новая карта()), не говоря уже о том, что дизайн и макет могут координат. Поэтому я предпочел бы иметь стандартный стандарт стилизации и использования компонентов, чем беспокоиться, если я использую компонент Polymer vs Vaadin.
Итак, идея заключается в том, что я заменяю MDL, тогда я смогу применить стилирование Материалов к объектам пользовательского интерфейса Vaadin без накладных расходов на создание элементов и импорт компонентов Polymer html.
Однако у меня есть проблема с импортом необходимого css. Я добавил библиотеку javascript в свой UI-класс и подтвердил, что он включен с помощью инструментов dev в Chrome. Но стиль не подходит. Есть ли проблема с импортом css в styles.scss?
styles.scss
@import "https://code.getmdl.io/1.1.2/material.indigo-pink.min.css"
@import "../valo.css"
....
Или есть другой способ для достижения моей конечной цели использования проектных материалов с Vaadin, что проще и легче работать с тогдашним выше?