-
Notifications
You must be signed in to change notification settings - Fork 72
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: [BD-46] updated README file #3078
docs: [BD-46] updated README file #3078
Conversation
Thanks for the pull request, @PKulkoRaccoonGang! When this pull request is ready, tag your edX technical lead. |
✅ Deploy Preview for paragon-openedx ready!Built without sensitive environment variables
To edit notification comments on pull requests, go to your Netlify site configuration. |
Codecov ReportAll modified and coverable lines are covered by tests ✅
Additional details and impacted files@@ Coverage Diff @@
## alpha #3078 +/- ##
=======================================
Coverage 93.68% 93.68%
=======================================
Files 229 229
Lines 3740 3740
Branches 876 876
=======================================
Hits 3504 3504
Misses 232 232
Partials 4 4 ☔ View full report in Codecov by Sentry. |
d3eeef3
to
1c6c4a7
Compare
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.
Overall these changes are looking great! I left a couple comments, let me know what you think!
README.md
Outdated
**Usage with no theme:** | ||
|
||
**index.scss** | ||
The Paragon CSS Foundation offers a collection of fundamental styles, encompassing padding, typography, and sizing. | ||
When applied, these styles contribute to the creation of a straightforward and neat appearance for your application. | ||
|
||
To integrate these foundational styles into your project, include the following import: | ||
|
||
``` | ||
// ... Any custom SCSS variables should be defined here | ||
@import '~@openedx/paragon/styles/scss/core/core.scss'; | ||
@use "@openedx/paragon/dist/core.min.css"; | ||
``` | ||
|
||
Usage on with `@edx/brand`: | ||
**Usage with a theme:** | ||
|
||
In addition to the basic styles, you can provide a theme layer that includes styles for colors, shadows, backgrounds | ||
and transparency of elements. This allows you to visually represent a specific theme in your application. | ||
|
||
**index.scss** | ||
To apply these theme-specific styles, include the following import: | ||
|
||
``` | ||
@import '~@edx/brand/paragon/fonts.scss'; | ||
@import '~@edx/brand/paragon/variables.scss'; | ||
@import '~@openedx/paragon/styles/scss/core/core.scss'; | ||
@import '~@edx/brand/paragon/overrides.scss'; | ||
@use "@my-brand/light.min.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.
I feel like this section is a bit ambiguous. It's not clear if someone wanting to use a theme should have
@use "@openedx/paragon/dist/core.min.css";
@use "@my-brand/light.min.css";
or just
@use "@my-brand/light.min.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.
Yes, I agree
The first variant will be more understandable
Thank you!
README.md
Outdated
|
||
## Paragon CLI | ||
|
||
The Paragon CLI (Command Line Interface) is a tool that provides various utility commands to automate actions within the Open edX environment. | ||
|
||
### Available Commands | ||
|
||
- `paragon install-theme [theme]`: Installs the specific [brand package](https://github.com/openedx/brand-openedx). | ||
- `paragon install-theme`: Installs the specific [brand package](https://github.com/openedx/brand-openedx). |
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.
With the argument [theme]
removed the wording of "the specific brand package" feels a bit unclear. Maybe having it just be
- `paragon install-theme`: Installs the specific [brand package](https://github.com/openedx/brand-openedx). | |
- `paragon install-theme`: Install a [brand package](https://github.com/openedx/brand-openedx). |
would clear it up?
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.
Yes, corrected
🎉 This PR is included in version 23.0.0-alpha.2 🎉 The release is available on: Your semantic-release bot 📦🚀 |
🎉 This PR is included in version 23.0.0 🎉 The release is available on: Your semantic-release bot 📦🚀 |
Description
Merge Checklist
example
app?Post-merge Checklist