Styling a :host property via external CSS

[Federico Urban]

I am trying to style a custom component where I'm using the paper-dropdown-menu with and external css file.

Since the padding that is used by paper-dropdown-menu is set as:

:host {

....

  user-select: none;

  cursor: pointer;

  padding: 0.75em 0;

}

how to change it via CSS?

I've tried 

paper-dropdown-menu::shadow {

     padding: 0;

}

but it doesn't work.

thanks for your help.

[Daniel Llewellyn]

-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA1

On 05/03/2015 12:18, Federico Urban wrote:
> I am trying to style a custom component where I'm using the
> paper-dropdown-menu with and external css file.
>

> I've tried
>
> paper-dropdown-menu::shadow {
> padding: 0;
> }
>
> but it doesn't work.

I believe you just want:

paper-dropdown-menu {
padding: 0;
}

Caveat: I'm just an enthusiastic bystander, and not involved with the
core development.

- --
Daniel Llewellyn, Bowl Hat
PGP/GnuPG Key ID: 0x0349ED21
4C9C BFAD 0069 D679 9660 BCD5 40C2 D958 0349 ED21
-----BEGIN PGP SIGNATURE-----
Version: GnuPG v2

iQIcBAEBAgAGBQJU+ErGAAoJEEDC2VgDSe0hpeoQAIsaMW0h1YPh6kq/U7Bc4Zj9
AYBWZv/0yCpNkzF5Ol8sehtO0n0nO1c3RWMNogOAsnB+0ZzT3g8OAG+HEqhghTOp
PDTBm4vIXA/MIUb7u6RNFNDEekn0fRvlm2tlOBQqC8xFb5+h2le/D42vhc4WVDGS
PI7NkH/1i/IeqIJTfyf7j937PDDKKSLsoXgRiunNDfTVp4wIJtiax3/nRzvsQAZF
4flrkuZPB9hhy4U2US4VbWvg/VNWRvYjFQXwZaL0uRoxBJsaiHc3rrvn23s8Q5r4
suJ3+/5XiwzJdaf4c1T3JP92TX8Eu+H2FCmalYM+tFdLwWunWjKkNJbmYxCQLOUQ
UbZa61HUVzFbIc7xz7STHqI/LeyTQAyDp+Wo9a0s+++1/fDB8kaGkXubbMJ3CWfp
WuHZNBwdbAFw7DnKfJPucgJ6lqEIii58Uo6bDPr3igBW7zYojAu7RYByKBy6X4fK
zKllksVA+w0f/OOXyX2ox/is2ZbPKxnCm+7Wp1xiDfVpLc4euoig+uAiopn7jq8R
Gy+N0fkrVROO4LFNeGFfSm/CAZcXC8n6EYXQUXdH9AN+NnWVRmmLa9zzEsAbJthR
1We2LuLglT+THUhOxhNzDAbXuBov2dlrdVwD75KAydO88n+wM2d3DMK7Iy6ZRy51
hXsQJuPANN4ZByVC7lct
=haMq
-----END PGP SIGNATURE-----

[Federico Urban]

Thank you Daniel for your hint.