Как изменить размер кнопки-сердечника и кнопки-бумаги для дротика?

Question

Есть ли простая запись в стиле CSS, скажем, вдвое меньшая размера кнопки-значка-ядра?

Я заменяю их иконками шрифта, и в настоящее время размер иконки намного больше, чем у текста, поэтому я ищу способ уменьшить его.

  <div horizontal layout>
    <core-icon-button icon="add-circle"></core-icon-button>
    <div horizontal layout center>Expand Entries</div>
  </div>

В идеале я хотел бы уменьшить значок внутри кнопки значка и уменьшить отступы.

Answer 1

Вот как это выглядит, когда я использую ваш код.

С этим стилем в элементе, содержащем <core-icon-button>

  core-icon-button /deep/ core-icon[role=img] {
    height: 12px;
    width: 12px;
    padding: 1px;
    margin: 1px;
  }

  core-icon-button {
    padding: 0 1px 1px 1px;
    margin: 1px;
  }

значок становится очень маленьким. Я должен был добавить [role=img] потому что в противном случае селективность была низкой, чтобы вступить в силу.