todo & memo style

resources/sass/app.scss

@@ -26,7 +26,7 @@
 //
 //@import "pages/auth";
 //@import "pages/users";
-//@import "pages/memos";
+@import "pages/memos";
 //@import "pages/meteo";
 //@import "pages/games";
 //

resources/sass/pages/memos.scss

@@ -1,3 +1,4 @@
+/*
 .memo {
 
     &-list {
@@ -81,3 +82,57 @@
         width: 100%;
     }
 }
+
+*/
+
+.memo-style {
+
+    h1,
+    h2,
+    h3,
+    h4 {
+        @apply font-bold;
+    }
+
+    h1 {
+        @apply text-4xl;
+    }
+
+    h2 {
+        @apply text-3xl;
+    }
+
+    h3 {
+        @apply text-2xl;
+    }
+
+    h4 {
+        @apply text-xl;
+    }
+
+    p {
+        @apply mb-2 mt-1;
+        text-indent: 2rem;
+    }
+
+    pre,
+    code {
+        @apply bg-gray-700 text-white p-1;
+    }
+
+    pre {
+        @apply my-2;
+    }
+
+    blockquote {
+        @apply bg-gray-300 italic p-2 mx-4 my-2;
+    }
+
+    ul {
+        @apply list-disc ml-8;
+    }
+
+    ol {
+        @apply list-decimal ml-8;
+    }
+}