Refresh

resources/css/utilities/_index.css

@@ -0,0 +1,2 @@
+@import "readable.css";
+@import "http-status.css";

resources/css/utilities/http-status.css

@@ -0,0 +1,23 @@
+.http-status-general-error {
+    @apply text-red-500;
+}
+
+.http-status-info {
+
+}
+
+.http-status-success {
+    @apply text-green-500;
+}
+
+.http-status-redirection {
+    @apply text-blue-500;
+}
+
+.http-status-client-error {
+    @apply text-orange-500;
+}
+
+.http-status-server-error {
+    @apply text-red-500;
+}

resources/css/utilities/readable.css

@@ -0,0 +1,32 @@
+.readable {
+    @apply font-serif text-xl no-underline break-all;
+    letter-spacing: 0.2rem;
+
+    & .letter {
+    }
+
+    & .capital {
+        @apply font-bold;
+    }
+
+    & .number {
+        @apply text-green-400;
+    }
+
+    & .other {
+        @apply text-purple-500 font-bold;
+    }
+
+    & .empty::before {
+        @apply text-blue-400 inline-block;
+        content: "❡";
+    }
+
+    & .operator {
+        @apply text-purple-500 font-bold;
+    }
+
+    & .suspicious {
+        @apply text-red-500 font-bold;
+    }
+}