Add simple CSS for textarea

Gruntfile.js

@@ -7,6 +7,9 @@ module.exports = grunt => {
             default: ["dist/"],
         },
         copy: {
+            css: {
+                files: [{expand: true, cwd: "src/main/", src: "**/*.css", dest: "dist/", flatten: true}]
+            },
             html: {
                 files: [{expand: true, cwd: "src/main/", src: "**/*.html", dest: "dist/", flatten: true}]
             },
@@ -16,7 +19,7 @@ module.exports = grunt => {
         },
         focus: {
             dev: {
-                include: ["html", "js"],
+                include: ["css", "html", "js"],
             },
         },
         replace: {
@@ -69,6 +72,10 @@ module.exports = grunt => {
             },
         },
         watch: {
+            css: {
+                files: ["src/main/**/*.css"],
+                tasks: ["copy:css"],
+            },
             html: {
                 files: ["src/main/**/*.html"],
                 tasks: ["copy:html"],
@@ -91,6 +98,7 @@ module.exports = grunt => {
         // Pre
         "clean",
         // Copy files
+        "copy:css",
         "copy:html",
         "copy:txt",
         // Compile
@@ -103,6 +111,7 @@ module.exports = grunt => {
         // Pre
         "clean",
         // Copy files
+        "copy:css",
         "copy:html",
         "copy:txt",
         // Compile JS

package.json

@@ -1,6 +1,6 @@
 {
     "name": "debreviator",
-    "version": "0.0.1",
+    "version": "0.0.2",
     "description": "Creates meaning by undoing your abbreviation.",
     "author": "F.W. Dekker",
     "browser": "dist/bundle.js",

src/main/css/main.css

@@ -0,0 +1,3 @@
+#debreviations {
+    height: 20em;
+}

src/main/index.html

@@ -12,6 +12,8 @@
 
     <link rel="stylesheet" href="https://static.fwdekker.com/fonts/roboto/roboto.css" />
     <link rel="stylesheet" href="https://static.fwdekker.com/lib/template/2.x.x/template.css" />
+    <!--suppress HtmlUnknownTarget -->
+    <link rel="stylesheet" href="main.css?v=%%VERSION_NUMBER%%" />
     <script async src="https://stats.fwdekker.com/count.js"
             data-goatcounter="https://stats.fwdekker.com/count"></script>
 </head>