paper-menu-button @apply css mixins не имеет никакого эффекта - PullRequest
Новая
       35

paper-menu-button @apply css mixins не имеет никакого эффекта

0 голосов
/ 19 сентября 2019

В настоящее время я пытаюсь стилизовать кнопку меню бумаги, в частности, раскрывающаяся часть кнопки меню бумаги должна получить пользовательский радиус границы, и для этого в документах говорится, что я должен использовать --paper-mixin-menu-button-content, по какой-то причине, хотя ни один из mixins в документах, похоже, ничего не делает.

Это мой код: 

<paper-menu-button vertical-offset="32" horizontal-align="right" class="dropdown-menu">
  <paper-button class="dropdown-btn advanced-btn" slot="dropdown-trigger">
    Advanced
    <iron-icon icon="settings"></iron-icon>
  </paper-button>
  <paper-listbox class="advanced-dropdown" slot="dropdown-content">
    <paper-item>Require evidence</paper-item>
    <paper-item>Match pattern</paper-item>
    <paper-item>Recognition method</paper-item>
  </paper-listbox>
</paper-menu-button>

.dropdown-menu {
  --paper-menu-button-content: {
    border-radius: 12.5px!important;
  };
}

Я посмотрелчерез код кнопки меню бумаги и он применяет миксин, используя следующий код: 

.dropdown-content {
  @apply --shadow-elevation-2dp;
  position: relative;
  border-radius: 2px;
  background-color: var(--paper-menu-button-dropdown-background, var(--primary-background-color));
  @apply --paper-menu-button-content;
}

Однако, когда вы проверяете элемент стиля в кнопке меню бумаги, все строки, содержащие @apply --whatever-css-variable { something: something };удаляются, хотя при просмотре необработанного файла в сетевом инспекторе он все еще там, так что я ожидаю, что он каким-то образом не будет правильно проанализирован или каким-то образом обесценен, и никто об этом не скажет.

Но да, яЯ совершенно не понимаю, какое может быть решение, я попытался добавить CSS в использование devtools непосредственно на элементе, и это выглядит хорошо, поэтому CSS, который я пытаюсь применить, определенно должен работать.Если кто-то знает, что я делаю неправильно, или знает решение, я буду рад это услышать!

Я использую Chrome 76 как в Ubuntu / Pop-OS 1904, так и в Windows 10

...