diff --git a/examples/webpack/package.json b/examples/webpack/package.json index 6cdafd3..aa55114 100644 --- a/examples/webpack/package.json +++ b/examples/webpack/package.json @@ -9,10 +9,11 @@ "devDependencies": { "@fortawesome/fontawesome-free": "^5.15.4", "css-loader": "^6.2.0", + "css-minimizer-webpack-plugin": "^3.0.2", "html-webpack-plugin": "^5.3.2", + "mini-css-extract-plugin": "^2.2.0", "monaco-editor": "^0.26.1", "monaco-yaml": "file:../..", - "style-loader": "^3.2.1", "webpack": "^5.48.0", "webpack-cli": "^4.7.2", "webpack-dev-server": "^3.11.2" diff --git a/examples/webpack/src/index.css b/examples/webpack/src/index.css index fbbaa90..e17e96f 100644 --- a/examples/webpack/src/index.css +++ b/examples/webpack/src/index.css @@ -15,6 +15,7 @@ body { background: var(--background-color); display: flex; flex-flow: column; + font-family: sans-serif; height: 100vh; margin: 0; } @@ -34,6 +35,10 @@ nav { } .nav-icon { + text-decoration: none; +} + +.nav-icon > img { height: 2rem; margin-right: 1rem; vertical-align: middle; diff --git a/examples/webpack/src/index.ejs b/examples/webpack/src/index.ejs index 8b67e85..c9013d7 100644 --- a/examples/webpack/src/index.ejs +++ b/examples/webpack/src/index.ejs @@ -8,17 +8,15 @@