Webpack allows us to minify our CSS file so that our site is faster to load. It also allows us to use Sass, which enables us to split up the CSS into several files and use nice features like nested selectors that make our code a lot more readable. A follow-up will use Sass.
This change is all abstracted away from end users. sphinx-theme-builder handles it all and they have no idea we're using Webpack.
Closes https://github.com/Qiskit/qiskit_sphinx_theme/issues/283.
Webpack allows us to minify our CSS file so that our site is faster to load. It also allows us to use Sass, which enables us to split up the CSS into several files and use nice features like nested selectors that make our code a lot more readable. A follow-up will use Sass.
This change is all abstracted away from end users. sphinx-theme-builder handles it all and they have no idea we're using Webpack.
Now our stylesheet loads like this: