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

feat(slider): add feature targeting for styles #4871

Merged

Conversation

crisbeto
Copy link
Collaborator

@crisbeto crisbeto commented Jul 2, 2019

Adds support for style feature targeting to the slider package.

Relates to #4227.

@include mdc-slider-track-marker_($query);
@include mdc-slider-thumb_($query);
@include mdc-slider-focus-ring_($query);
@include mdc-slider-pin_($query);
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Note that these were all under one huge selector. I broke them up into mixins so it's easier to follow.

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks!

@crisbeto
Copy link
Collaborator Author

crisbeto commented Jul 2, 2019

Here's the before and after output:

before.css.txt
after.css.txt

Copy link
Collaborator

@abhiomkar abhiomkar left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM, left 2 minor comments.

packages/mdc-slider/_mixins.scss Outdated Show resolved Hide resolved
packages/mdc-slider/_mixins.scss Show resolved Hide resolved
Adds support for style feature targeting to the `slider` package.

Relates to material-components#4227.
@crisbeto
Copy link
Collaborator Author

Addressed the feedback and rebased @abhiomkar. Can you take another look?

@codecov-io
Copy link

Codecov Report

Merging #4871 into master will increase coverage by 0.3%.
The diff coverage is n/a.

Impacted file tree graph

@@            Coverage Diff            @@
##           master    #4871     +/-   ##
=========================================
+ Coverage   98.86%   99.16%   +0.3%     
=========================================
  Files         119      119             
  Lines        5650     5650             
  Branches      749      749             
=========================================
+ Hits         5586     5603     +17     
+ Misses         63       46     -17     
  Partials        1        1
Impacted Files Coverage Δ
packages/mdc-checkbox/component.ts 96.87% <0%> (+1.04%) ⬆️
packages/mdc-tab/component.ts 98.36% <0%> (+3.27%) ⬆️
packages/mdc-base/component.ts 100% <0%> (+3.57%) ⬆️
packages/mdc-ripple/component.ts 100% <0%> (+3.77%) ⬆️
packages/mdc-auto-init/index.ts 100% <0%> (+4.16%) ⬆️
packages/mdc-ripple/util.ts 97.56% <0%> (+4.87%) ⬆️
packages/mdc-switch/component.ts 98.27% <0%> (+6.89%) ⬆️
packages/mdc-radio/component.ts 95.83% <0%> (+8.33%) ⬆️

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 4d65d29...b1d99b8. Read the comment docs.

@abhiomkar abhiomkar merged commit 3ee2675 into material-components:master Jul 11, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants