Due to a bug on iron-overlay-backdrop
, if you want to override the styles, you must add them in the root file (ex. index.html).
This effect projects that start with polymer-starter-kit
Read more for the bug here: Polymer/polymer-starter-kit#154
Property | Description |
---|---|
active | dialog header, wrapped on a "h2" element tag |
disabled | dialog content, wrapped on a "p" element tag |
<gfs-item on-click='console'>Item 1</gfs-item>
<gfs-item icon="view-list">Item 2</gfs-item>
<gfs-item selected>Item 3</gfs-item>
<gfs-item disabled>Item 4</gfs-item>
Custom property | Description | Default |
---|---|---|
--gfs-item-selected-color | Color of the a selected item | var(--black-color) |
--gfs-item-selected-background | Background color of the a selected item | rgba(236, 236, 236, 0.7) |
--gfs-item-selected-font-weight | Font weight of a selected item | 500 |
--gfs-item-selected | Mixin applied to the item | {} |