Allow to check recipe steps

1 files changed, 10 insertions, 0 deletions

diff --git a/static/main.css b/static/main.css
index 5aa2008..e19d1ac 100644
--- a/static/main.css
+++ b/static/main.css
@@ -2,6 +2,7 @@
   --color-title: rgb(113, 68, 30);
   --color-link: rgb(13, 13, 81);
   --color-number: rgb(230, 230, 230);
+  --color-completed: #58b058;
   --base-font-size: 18px;
 }
 
@@ -61,6 +62,7 @@ body {
 
 .g-Page__Recipes {
   list-style-type: none;
+  padding-left: 1rem;
 }
 
 .g-Page__Recipe {
@@ -134,3 +136,11 @@ h2 {
   width: 1.5rem;
   text-align: center;
 }
+
+.g-Recipe ol > li:hover {
+  cursor: pointer;
+}
+
+.g-Recipe ol > li.g-Recipe__Completed::before {
+  background-color: var(--color-completed);
+}