Injecting CSS into HTML
Injecting CSS takes the same approach as injecting JavaScript. We will have a CSS tag in the HTML file that will be replaced with the CSS from the file. To achieve this, we must carry out the following steps:
- Add CSS tags to our HTML file.
- Create a base CSS file for the whole app.
- Create a CSS file for our main view.
- Update our Rust crate to serve the CSS and JavaScript.
Let’s have a closer look at this process.
Adding CSS tags to HTML
First, let’s make some changes to our templates/main.html file:
<style>
{{BASE_CSS}}
{{CSS}}
</style>
<body>
<div class="mainContainer">
<h1>Done Items</h1>
<div id="doneItems"></div>
<h1>To...
