-
Notifications
You must be signed in to change notification settings - Fork 253
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 docs page for css modules #8962
base: main
Are you sure you want to change the base?
Conversation
@@ -0,0 +1,78 @@ | |||
# CSS Modules | |||
## What Are CSS Modules? | |||
[CSS Modules](https://github.com/css-modules/css-modules/) are CSS files where all class names and animation names are scoped locally by default. They help us to provide styles which could be used to improve the existing styles / visual appearance of components and to make them suitable for specific use cases. |
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.
They help us provide
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.
and make them
``` | ||
|
||
## Support | ||
CSS modules allow you to import your .css file into a JavaScript Object with the CSS definitions as properties (keys). They don't have an official specification, nor are they a browser feature. They are part of a compilation process that runs against your project to convert scoped classes and selectors into CSS files that the browser can understand. |
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.
put .css in backticks: .css
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.
compilation process -> maybe change to "build task"
</ui5-input> | ||
``` | ||
|
||
## Available CSS Modules in Main Package |
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.
Main package -> maybe change to @ui5/webcomponents
as some users might not know that we call it main
No description provided.