Moved css files

css/src/button.pcss

@@ -0,0 +1,43 @@
+.btn {
+    @apply font-semibold py-2 px-4 rounded;
+
+    &:focus {
+        @apply outline-none shadow-outline;
+    }
+}
+
+.btn-teal {
+    @apply bg-teal-500 text-white;
+
+    &:focus {
+        @apply bg-teal-600;
+    }
+
+    &:hover {
+        @apply bg-teal-600;
+    }
+}
+
+.btn-green {
+    @apply bg-green-500 text-white;
+
+    &:focus {
+        @apply bg-green-600;
+    }
+
+    &:hover {
+        @apply bg-green-600;
+    }
+}
+
+.btn-red {
+    @apply bg-red-500 text-white;
+
+    &:focus {
+        @apply bg-red-600;
+    }
+
+    &:hover {
+        @apply bg-red-600;
+    }
+}

css/src/note.pcss

@@ -0,0 +1,92 @@
+#note {
+    a {
+        @apply text-blue-700 underline;
+    }
+
+    p {
+        @apply my-4;
+    }
+
+    blockquote, figure {
+        @apply my-4 mx-10;
+    }
+
+    hr {
+        @apply border;
+    }
+
+    h1 {
+        @apply text-4xl font-bold my-2;
+    }
+
+    h2 {
+        @apply text-2xl font-bold my-3;
+    }
+
+    h3 {
+        @apply text-lg font-bold my-4;
+    }
+
+    h4 {
+        @apply text-base font-bold my-5;
+    }
+
+    h5 {
+        @apply text-sm font-bold my-6;
+    }
+
+    h6 {
+        @apply text-xs font-bold my-10;
+    }
+
+    ul,
+    menu {
+        @apply list-disc my-1 pl-10;
+    }
+
+    ol {
+        @apply list-decimal my-4 pl-10;
+    }
+
+    ul,
+    ol {
+        ul {
+            list-style-type: circle;
+        }
+
+        ul,
+        ol {
+            ul {
+                list-style-type: square;
+            }
+        }
+    }
+
+    dd {
+        @apply pl-10;
+    }
+
+    dl {
+        @apply my-4;
+    }
+
+    ul,
+    ol,
+    dl {
+        ul,
+        ol,
+        dl {
+            margin: 0;
+        }
+    }
+
+    b,
+    strong {
+        font-weight: bold;
+    }
+
+    pre {
+        @apply my-4 rounded-md overflow-x-auto p-2 block font-mono bg-gray-700;
+    }
+
+}

css/src/other.pcss

@@ -0,0 +1,11 @@
+.nav {
+    height: 64px;
+}
+
+.centered {
+    min-height: calc(100vh - 64px);
+}
+
+.tag {
+    @apply italic font-semibold text-sm bg-teal-500 text-gray-900 rounded-full py-1 px-2 align-middle;
+}

css/src/pagination.pcss

@@ -0,0 +1,31 @@
+nav.pages {
+    @apply flex pl-0 list-none rounded my-2 flex justify-center;
+
+    :first-child {
+        @apply rounded-l;
+    }
+
+    :last-child {
+        @apply rounded-r;
+    }
+
+    :not(:last-child) {
+        @apply border-r-0;
+    }
+
+    a {
+        @apply relative block py-2 px-3 leading-tight border bg-gray-800 border-gray-700 text-teal-300;
+
+        &:hover {
+            @apply bg-gray-700;
+        }
+
+        &:active {
+            @apply bg-teal-800 border-gray-700 text-white;
+
+            &:hover {
+                @apply bg-gray-700;
+            }
+        }
+    }
+}

css/src/postcss.config.js

@@ -0,0 +1,20 @@
+module.exports = {
+    plugins: [
+        require('postcss-import'),
+        require('postcss-nested'),
+        require('tailwindcss'),
+        require('autoprefixer'),
+        require('cssnano')({
+            preset: ['default', {
+                discardComments: {
+                    removeAll: true,
+                },
+            }]
+        }),
+        require('postcss-hash')({
+            algorithm: 'sha256',
+            trim: 20,
+            manifest: process.env.MANIFEST
+        }),
+    ]
+}

css/src/styles.pcss

@@ -0,0 +1,13 @@
+/*noinspection CssUnknownTarget*/
+@import "tailwindcss/base";
+
+/*noinspection CssUnknownTarget*/
+@import "tailwindcss/components";
+
+@import "./button.pcss";
+@import "./note.pcss";
+@import "./pagination.pcss";
+@import "./other.pcss";
+
+/*noinspection CssUnknownTarget*/
+@import "tailwindcss/utilities";