Move from CSS to SCSS (#86)

* Rewrite existing style.css with sass

* Add "uses-rst" class for pages that use rendered RST

This replaces the previous method of just listing
every page in the sass

* Remove old debug print

* Mixins and error pages

* Newly built CSS

* Add SASS cache to .gitignore

* New error SASS

* Slight changes to error template

* Add UIKit SCSS to repo

This includes the LICENSE and our customizations, which
makes life way easier for contributors

* Reorganize sass folder; your watchers can avoid uikit now

* Sass folder should be called scss

* Change variable names

* [SCSS] Linting

* Fix scss_lint gem name [ci skip]

* [SCSS] Now you can compile with just Python!

* Temporary hack to make the wiki editor taller

* [SCSS] @jchristgit

* [SCSS.py] Require specification of include dir to simplify the SCSS imports

* [SCSS] All inline styles have been removed

* [SCSS] Update UIKit theme to import from our variables

* [SCSS] Remove extra newlines in errors/_common.scss

1 files changed, 6 insertions, 3 deletions

diff --git a/templates/wiki/page_edit.html b/templates/wiki/page_edit.html
index 34b59dca..69726d93 100644
--- a/templates/wiki/page_edit.html
+++ b/templates/wiki/page_edit.html
@@ -2,9 +2,12 @@
 {% block title %}Wiki | Edit: {{ page }}{% endblock %}
 {% block og_title %}Wiki | Edit: {{ page }}{% endblock %}
 {% block og_description %}{% endblock %}
+
+{% block page_classes %}uses-rst{% endblock %}
 {% block extra_head %}
-<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.3.3/ace.js" type="application/javascript"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.3.3/ace.js" type="application/javascript"></script>
 {% endblock %}
+
 {% block content %}
     <form uk-grid class="uk-grid-small" action="{{ url_for("wiki.edit", page=page) }}" method="post">
         <div class="uk-width-expand">
@@ -17,14 +20,14 @@
             <input class="uk-button uk-button-primary" type="submit" id="submit" value="Save" disabled />
         </div>
         <div class="uk-width-1-1">
-            <div id="editor" class="uk-textarea" style="resize: vertical; min-height: 15rem;">{{ rst }}</div>
+            <div id="editor" class="uk-textarea">{{ rst }}</div>
             <input type="hidden" name="rst" id="rst" />
         </div>
 
         <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
     </form>
 
-    <div class="uk-container uk-container-small" style="padding: 1rem 1rem 0.1rem;">
+    <div class="uk-container uk-container-small preview-title">
         <h2 id="preview-title">{{ title }}</h2>
 
         <div id="preview-div">