Add recipe content

1 files changed, 33 insertions, 0 deletions

diff --git a/static/css/common.css b/static/css/common.css
index 2782a83..c2b28e7 100644
--- a/static/css/common.css
+++ b/static/css/common.css
@@ -288,4 +288,37 @@ li.post p {
 #header > h1 a {
     text-decoration: none;
     color: inherit;
+}
+
+.recipe .body {
+    display: flex;
+    justify-content: space-between;
+}
+
+.recipe .body .ingredients {
+    width: 35%;
+}
+
+.recipe .body .instructions {
+    width: 60%;
+}
+
+.recipe ol input[type="checkbox"] {
+    display: none;
+}
+
+/* Style for the list items */
+.recipe ul li {
+    list-style-type: none;
+    margin: 5px 0;
+}
+
+/* Strike-through effect when the checkbox is checked */
+.recipe input[type="checkbox"]:checked + label {
+    text-decoration: line-through;
+}
+
+/* Style the label to look like a clickable list item */
+.recipe label {
+    cursor: pointer;
 }
\ No newline at end of file