Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
17 changes: 12 additions & 5 deletions docs/how_tos/migrate-frontend-app.md
Original file line number Diff line number Diff line change
Expand Up @@ -779,14 +779,21 @@ These modules should be unopinionated about the path prefix where they are mount
Create an app.scss file
=======================

This is required if you intend to run builds from the app itself.
This is required for running the app in dev mode.

Create a new `app.scss` file at the top of your application. It's responsible for:

1. Importing the shell's stylesheet, which includes Paragon's core stylesheet.
2. Importing the stylesheets from your application.
1. Using the shell's stylesheet, which includes Paragon's core stylesheet.
2. Using the stylesheets from your application, if any.

You must then import this new stylesheet into your `site.config` file:
For example:

```
@use "@openedx/frontend-base/shell/app.scss";
@use "sass/style";
```

You must then import this file from your `site.config.dev.tsx` file:

```diff
+ import './app.scss';
Expand Down Expand Up @@ -816,7 +823,7 @@ Convert @import to @use in SCSS files

@import is deprecated in the most recent versions of SASS. It must be converted to @use.

If still importing Paragon SCSS variables, you will find that they, in particular, are likely to result in errors when building the app in webpack. The app should be migrated to use CSS variables from Paragon 23, as per [the corresponding howto](https://openedx.atlassian.net/wiki/spaces/BPL/pages/3770744958/Migrating+MFEs+to+Paragon+design+tokens+and+CSS+variables). These do not need to be @used by the app, as they should be loaded into the site HTML by default.
If still importing Paragon SCSS variables, you will find that they, in particular, are likely to result in errors when building the app in webpack. The app should be migrated to use CSS variables from Paragon 23, as per [the corresponding howto](https://openedx.atlassian.net/wiki/spaces/BPL/pages/3770744958/Migrating+MFEs+to+Paragon+design+tokens+and+CSS+variables).

Changes to i18n
===============
Expand Down
4 changes: 2 additions & 2 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@openedx/frontend-base",
"version": "1.0.0-alpha.7",
"version": "1.0.0-alpha.8",
"description": "Build tools, setup and config for frontend apps",
"publishConfig": {
"access": "public"
Expand Down
Loading