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(segmented-button): Add initial Sass styles #6141

Merged
merged 29 commits into from
Jul 27, 2020
Merged

feat(segmented-button): Add initial Sass styles #6141

merged 29 commits into from
Jul 27, 2020

Conversation

gschrag
Copy link
Collaborator

@gschrag gschrag commented Jun 24, 2020

add base styles and theme mixins

@gschrag gschrag marked this pull request as draft June 25, 2020 16:41
packages/mdc-segmented-button/_index.scss Outdated Show resolved Hide resolved
packages/mdc-segmented-button/_index.scss Outdated Show resolved Hide resolved
packages/mdc-segmented-button/_index.scss Outdated Show resolved Hide resolved
packages/mdc-segmented-button/_index.scss Outdated Show resolved Hide resolved
@gschrag
Copy link
Collaborator Author

gschrag commented Jun 30, 2020

I didn't see your comments before making commit #7376282. I'll make the requested changes and commit them soon.

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.

PR is in Draft state did you mean to send it for review?

@gschrag
Copy link
Collaborator Author

gschrag commented Jul 7, 2020

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.

@gschrag gschrag marked this pull request as ready for review July 7, 2020 00:17
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.

Let me know when this PR is ready for re-review.

Thanks!

@gschrag gschrag mentioned this pull request Jul 14, 2020
12 tasks
@gschrag
Copy link
Collaborator Author

gschrag commented Jul 16, 2020

Ready for re-review (I'm not sure why the site-generator-test failed).
This PR includes the base/core styles for the component. The next styles PR will address including remaining requirements like Ripple and Touch.

@gschrag gschrag requested a review from abhiomkar July 16, 2020 18:08
@gschrag
Copy link
Collaborator Author

gschrag commented Jul 20, 2020

I'm almost ready to submit the follow-up PR with ripple and touch support.

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.

Looks good overall! Left few minor comment.

@abhiomkar abhiomkar changed the title feat: add initial sass styles feat(segmented-button): Add initial Sass styles Jul 23, 2020
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
gschrag and others added 21 commits July 24, 2020 12:55
move sass into different mixins with no change to functionality
put theme mixins into their own file with variables per new SASS style guide
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
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
@abhiomkar abhiomkar merged commit 7555383 into material-components:master Jul 27, 2020
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.

3 participants