diff --git a/apps/documentation/docusaurus.config.js b/apps/documentation/docusaurus.config.js index 31e32bd6..9477cdca 100644 --- a/apps/documentation/docusaurus.config.js +++ b/apps/documentation/docusaurus.config.js @@ -278,6 +278,7 @@ module.exports = { disableInDev: false, }, ], + ['docusaurus-plugin-sass', {}], [ '@packages/docusaurus-plugin-github-release', { diff --git a/apps/documentation/package.json b/apps/documentation/package.json index ac466942..7a61a4ad 100644 --- a/apps/documentation/package.json +++ b/apps/documentation/package.json @@ -37,6 +37,7 @@ "@docusaurus/eslint-plugin": "^2.2.0", "@docusaurus/module-type-aliases": "^2.2.0", "@docusaurus/plugin-client-redirects": "^2.2.0", + "@docusaurus/plugin-content-docs": "2.2.0", "@docusaurus/plugin-google-analytics": "^2.2.0", "@docusaurus/plugin-ideal-image": "^2.2.0", "@docusaurus/preset-classic": "^2.2.0", @@ -48,10 +49,13 @@ "@mui/icons-material": "^5.10.3", "@mui/material": "^5.10.3", "@packages/docusaurus-plugin-github-release": "workspace:*", + "@packages/ui": "workspace:*", "@svgr/webpack": "^6.2.1", "@typeform/embed-react": "^1.19.0", "clsx": "^1.2.1", + "docusaurus-plugin-sass": "0.2.2", "moment": "^2.29.4", + "node-sass": "8.0.0", "prism-react-renderer": "^1.3.5", "react": "^17.0.2", "react-device-detect": "^2.2.2", @@ -59,7 +63,9 @@ "react-github-btn": "^1.3.0", "react-image-lightbox": "^5.1.4", "react-lite-youtube-embed": "^2.2.2", - "react-material-ui-carousel": "^3.4.2" + "react-material-ui-carousel": "^3.4.2", + "sass": "^1.56.2", + "sass-loader": "^13.2.0" }, "devDependencies": { "@docusaurus/eslint-plugin": "^2.2.0", diff --git a/apps/documentation/src/components/school/index/intro.js b/apps/documentation/src/components/school/index/intro.js index 32134923..8b4b140c 100644 --- a/apps/documentation/src/components/school/index/intro.js +++ b/apps/documentation/src/components/school/index/intro.js @@ -8,8 +8,8 @@ import Paper from '@mui/material/Paper'; import Select from '@mui/material/Select'; import ToggleButton from '@mui/material/ToggleButton'; import ToggleButtonGroup from '@mui/material/ToggleButtonGroup'; - import CardGrid from './cardGrid'; +import { Footer } from '@packages/ui'; import styles from './index.module.css'; import data from './data/dataIntro.json'; @@ -74,6 +74,7 @@ const Intro = (props) => { return (
+