Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Additional CSS custom properties for tab and tab-bar #550

Closed
1 of 2 tasks
johnthad opened this issue Oct 10, 2019 · 3 comments · Fixed by #674
Closed
1 of 2 tasks

Additional CSS custom properties for tab and tab-bar #550

johnthad opened this issue Oct 10, 2019 · 3 comments · Fixed by #674
Assignees
Labels
Type: Feature New feature or request

Comments

@johnthad
Copy link

I'm submitting a:

  • bug report
  • feature request

What OS are you using?
macOS 10.14.x

What browser(s) is this bug affecting:
all

Current behavior:
From https://unpkg.com/@material/[email protected]/mwc-tab-bar-css.js it appears that the only custom properties for tabs are —mdc-tab-height and --mdc-tab-stacked-height

Expected behavior:
I would like to see more options for customizing tabs in my app. Granted, these ideas may not be comply with material design, but they are items that interest me or folks here:

--mdc-tab-inactive-background-color for tabs not at activeIndex (Currently at each click I'm toggling a class that sets background-color)
--mdc-tab-font-variant and possibly other font-* ("Can't you make that small-caps?")
--mdc-tab-button-radius for the upper corners of the tab buttons
.etc.

@aomarks aomarks added Area: Styling Type: Feature New feature or request labels Oct 10, 2019
@aomarks
Copy link
Contributor

aomarks commented Oct 11, 2019

We also have a request for adding a horizontal padding CSS custom property.

@e111077
Copy link
Contributor

e111077 commented Nov 14, 2019

also unselected text color

@e111077
Copy link
Contributor

e111077 commented Nov 14, 2019

For font customization we will have to defer that to Polymer/lit-element#835

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Feature New feature or request
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants