Как правильно изменить стили Sass из материала-компонентов-сети? - PullRequest
Новая
       30

Как правильно изменить стили Sass из материала-компонентов-сети?

0 голосов
/ 02 октября 2019

Я оформляю https://github.com/material-components/material-components-web, чтобы соответствовать соответствующим угловым элементам дизайна материала https://material.angular.io/components/categories.

Поскольку я новичок в Sass, я не совсем уверен, что делаюэто правильный путь.

Пример:

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

app.scss 

@import "styles/theming";
$mdc-text-field-background: transparent;
@import "~material-components-web/material-components-web";
@import "styles/inputs";

input.scss 

.mdc-text-field::before, .mdc-text-field::after {
  content: none;
}

.mdc-text-field .mdc-floating-label {
  left: 0;
}

.mdc-text-field__input {
  padding: 20px 0 6px;
}

Проблема в том, что мне нужно установить$mdc-text-field-background перед импортом material-components-web, но впоследствии с настройкой других стилей ввода.

Есть ли лучший способ сделать это?

...