Используйте материализуйте- css с освещенным элементом - PullRequest
Новая
       75

Используйте материализуйте- css с освещенным элементом

1 голос
/ 29 января 2020

Я пытаюсь использовать materialize-css в lit-element проекте. Я установил библиотеку через npm, а затем импортировал ее в компонент. 

import { LitElement, html, customElement } from 'lit-element';
import MaterializeStyles from 'materialize-css/sass/materialize.scss'

@customElement('custom-element')
export class CustomElement extends LitElement {
    static get styles() {
        return MaterializeStyles;
    }

    render() {
        return html`
            <a class="waves-effect waves-light btn">button</a>
            <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"> -->
        `;
    }
}

Я использую rollupjs, чтобы объединить решение, и я вижу, что стили присутствуют в сгенерированном файле index.js, но тег a не имеет стиля.

Если я раскомментирую тег link, он будет работать.

...