Изменить размер шрифта значков MaterialUI в css

Question

Итак, я пытаюсь увеличить значение своих значков до 200px, но по умолчанию оно принимает 24px. 24px является значком по умолчанию для всех значков в значках Google. Так что любое предложение!

HTML

<div class="col span-1-of-4 box">
  <i class="material-icons abcd">featured_play_list</i>
  <h3>BBBB BBB BBBB</h3>
  <p>
    XXXXX XXXXX XXXXX XXXXX XXXXX XXXXX
  </p>
</div>

CSS

.abcd{
    font-size: 200px;
    display: block;
    color:#e67e22;
    margin-bottom: 10px;
}

Answer 1

Значки MaterialUI используют размер по умолчанию 24px. Если вы хотите изменить этот размер без использования классов размера значков, предоставляемых M-UI, таких как .md-18, вам придется использовать правило !important:

.abcd{
    font-size: 200px !important;
    display: block;
    color:#e67e22;
    margin-bottom: 10px;
}