CODEWITHSUNDEEP
polymer
Aage Torleif
Aage Torleif

Reputation: 2013

How to select Polymer paper-button .button-content?

I want to squash the paper-button, however it's declared as 

  /* line 110 */
  .button-content {
    padding: 0.7em 0.57em
  }

I want to set the style to padding:0;

How do I select .button-content?

Upvotes: 1

Views: 431

Answers (2)

AlexO
AlexO

Reputation: 1444

/deep/ and ::shadow are being deprecated.

paper-button padding can be set to zero using mixins:

<style>
    :host {
        --paper-button: {
            padding: 0;
        }
    }
</style>

For more information, see: https://www.polymer-project.org/1.0/docs/devguide/styling.html#custom-css-mixins

Upvotes: 2

zdarsky.peter
zdarsky.peter

Reputation: 6257

I think this should work:

paper-button /deep/ .button-content{
     padding: 0.7em 0.57em
}

Upvotes: 4

Related Questions