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

[docs] Add CSS variables documentation for Material UI #33958

Merged
merged 22 commits into from Sep 30, 2022

Conversation

siriwatknp
Copy link
Member

@siriwatknp siriwatknp commented Aug 17, 2022

close #33417

Preview: https://deploy-preview-33958--material-ui.netlify.app/material-ui/experimental-api/css-theme-variables/overview/


The page structure follows the RFC

I think that the word CSS variables is too broad which refers to CSS rather than the feature that we implement.

What Material UI offers is related to the CSS variables generated from the theme, so I think using Theme CSS variables sounds better. (another option could be CSS Theme variables) cc @samuelsycamore

What's next

There are other advanced topics that I haven't covered but I think it is better to move them into a separate PR.

  • Unlimited color schemes
  • How to use :where selector

@siriwatknp siriwatknp added the docs Improvements or additions to the documentation label Aug 17, 2022
@mui-bot
Copy link

mui-bot commented Aug 17, 2022

No bundle size changes

Generated by 🚫 dangerJS against 1dcfe37

@siriwatknp siriwatknp marked this pull request as ready for review August 19, 2022 09:04
@samuelsycamore
Copy link
Member

I think "CSS theme variables" (lowercase t) is a good term for this. 👍

@samuelsycamore
Copy link
Member

Great job @siriwatknp! I'll follow up with suggestions for style and grammar but overall the content and structure look great.

Co-authored-by: Sam Sycamore <71297412+samuelsycamore@users.noreply.github.com>
Signed-off-by: Siriwat K <siriwatkunaporn@gmail.com>
@github-actions github-actions bot added the PR: out-of-date The pull request has merge conflicts and can't be merged label Sep 26, 2022
@github-actions github-actions bot removed the PR: out-of-date The pull request has merge conflicts and can't be merged label Sep 26, 2022
Copy link
Member

@samuelsycamore samuelsycamore left a comment

Choose a reason for hiding this comment

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

I think this is ready to go aside from the last couple tiny things I commented on here!

@siriwatknp siriwatknp merged commit 7e7435a into mui:master Sep 30, 2022
alexfauquette pushed a commit to alexfauquette/material-ui that referenced this pull request Oct 14, 2022
daniel-rabe pushed a commit to daniel-rabe/material-ui that referenced this pull request Nov 29, 2022
feliperli pushed a commit to jesrodri/material-ui that referenced this pull request Dec 6, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
docs Improvements or additions to the documentation
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[RFC] Adopting CSS variables documentation
3 participants