-
Notifications
You must be signed in to change notification settings - Fork 2.1k
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(segmented-button): Add initial Sass styles #6141
feat(segmented-button): Add initial Sass styles #6141
Conversation
I didn't see your comments before making commit #7376282. I'll make the requested changes and commit them soon. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
PR is in Draft state did you mean to send it for review?
I've left it in draft because I keep making major changes and because it can't yet handle the wrapping 'touch' divs or ripple. But it's getting more stable and I can add what's missing in later PRs. |
packages/mdc-segmented-button/segmented-button/_segmented-button-theme.scss
Outdated
Show resolved
Hide resolved
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Let me know when this PR is ready for re-review.
Thanks!
Ready for re-review (I'm not sure why the site-generator-test failed). |
I'm almost ready to submit the follow-up PR with ripple and touch support. |
packages/mdc-segmented-button/segmented-button/_segmented-button.scss
Outdated
Show resolved
Hide resolved
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks good overall! Left few minor comment.
packages/mdc-segmented-button/segmented-button/_segmented-button.scss
Outdated
Show resolved
Hide resolved
add sass classes I currently have to display button TODO: refactor to mixins, accessibility, dark mode, rtl
Add base styles and theme mixins
fix wrong class names and add dependencies to package.json
update my local linter to match project's linter
put sass mixins and classes into files based on go/material-sass-style
remove 'mdc' from file names and fix references
add feature-targeting to control css to emit
fix lint style test and remove feature-targeting-mixins reference to fix build
move sass into different mixins with no change to functionality
put theme mixins into their own file with variables per new SASS style guide
make tests pass
allow for client use of the sass themes
move mixins locations and refactor to avoid pointless modularity
add default $query argument value and pass $query argument instead of feature-target
base mixins are not theme mixins
replace button mixins with copied segment-theme mixins
fix lint and dependency tests
use new API due to custom alpha values
remove button dependency, fix lint errors, correct bad variable references
visible is not a property of border-right
make mixins accept only primitives as input
add mixins for client to use theming without referencing css classes
use unique css properties for different mixins
use new theme/color mixin and clean up use of feature-targeting mixins, and remove ability to have different selected vs unselected outline colors
add comments for SassDoc, and change " to ' in imports
update to reflect change in file name
add base styles and theme mixins