Minimal forms css, autosize textareas

bower.json

@@ -13,7 +13,8 @@
     "tests"
   ],
   "dependencies": {
-    "normalize-css": "normalize.css#^4.1.1"
+    "normalize-css": "normalize.css#^4.1.1",
+    "autosize": "^3.0.18"
   },
   "install": {
     "path": "theme/static/lib"

theme/static/css/style.css

@@ -128,6 +128,17 @@ h6:first-child {
     margin-top: 0;
 }
 
+/* Forms */
+form {
+    display: flex;
+    flex-wrap: wrap;
+}
+input {
+    flex: 1 0 10em;
+}
+textarea {
+    flex: 0 0 100%;
+}
 
 /* Links */
 a:link,

theme/templates/base.html

@@ -85,6 +85,10 @@
     </footer>
     {% endif %}
     {% endblock %}
+    {% if "textarea" in self.content() %}
+    <script src="{{ SITEURL }}/theme/lib/autosize/autosize.js"></script>
+    <script>autosize(document.querySelectorAll('textarea'));</script>
+    {% endif %}
     <script src="{{ SITEURL }}/theme/js/script.js"></script>
     {% include 'analytics.html' %}
 </body>