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 docs page for css modules #8962

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open

docs: add docs page for css modules #8962

wants to merge 2 commits into from

Conversation

nnaydenow
Copy link
Contributor

@nnaydenow nnaydenow commented May 14, 2024

No description provided.

@nnaydenow nnaydenow marked this pull request as draft May 14, 2024 14:38
@nnaydenow nnaydenow marked this pull request as ready for review May 14, 2024 15:53
@@ -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.
Copy link
Contributor

Choose a reason for hiding this comment

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

They help us provide

Copy link
Contributor

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.
Copy link
Contributor

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

Copy link
Contributor

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
Copy link
Contributor

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants