Перезаписать свойства CSS (не переменная) - PullRequest
Новая
       9

Перезаписать свойства CSS (не переменная)

0 голосов
/ 13 января 2019

В настоящее время я работаю с Bulma CSS, и есть кое-что, с чем я все еще борюсь. Я использую https://bulma.io/bulma-start/ в качестве моей настройки.

Вопрос

Я пытаюсь изменить свойство CSS класса по умолчанию (level-item), но не знаю, как к этому подойти. Я нашел много информации о том, как перезаписать переменные, и это также в основном то, о чем говорится в разделе « Customize » документации.

В моем случае я хочу удалить justify-content: center; из класса level-item, но как мне это сделать? Скопируйте все из «default» bulma.css в мой custom.css, переименовав класс в level-item-custom, а затем присвоив его моему элементу? Это звучит неправильно для меня, и я был бы признателен за некоторые рекомендации.

Спасибо! 

.level-item {
  align-items: center;
  display: flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center; }

В настоящее время мои файлы выглядят так:

main.scss: 

@import "../node_modules/bulma/bulma";
@import "../css/custom.css";

Итак, мой последний main.css файл содержит @import url(../css/custom.css); после генерации.

...