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

2 files changed, 5 insertions, 5 deletions

diff --git a/templates/staff/tables/edit.html b/templates/staff/tables/edit.html
index 7b027884..0c6492e5 100644
--- a/templates/staff/tables/edit.html
+++ b/templates/staff/tables/edit.html
@@ -14,14 +14,14 @@
         {% endif %}
         <form uk-grid class="uk-grid-small" action="{{ url_for("staff.tables.edit", table=table) }}" method="post">
             <div class="uk-width-expand">
-                <p>Primary key: <strong>"<span style="font-family: monospace">{{ primary_key }}</span>"</strong></p>
+                <p>Primary key: <strong>"<span class="fira-code">{{ primary_key }}</span>"</strong></p>
             </div>
             <div class="uk-width-auto">
                 <a class="uk-button uk-button-default" href="{{ url_for("staff.tables.table", table=table, page=1) }}"><i class="uk-icon fa-fw fas fa-arrow-left"></i>&nbsp; Back</a>
                 <input class="uk-button uk-button-primary" type="submit" id="submit" value="Save" />
             </div>
             <div class="uk-width-1-1">
-                <div id="editor" class="uk-textarea" style="resize: vertical; min-height: 15rem;">{{ document }}</div>
+                <div id="editor" class="uk-textarea">{{ document }}</div>
                 <input type="hidden" name="json" id="json" />
             </div>
 
diff --git a/templates/staff/tables/table.html b/templates/staff/tables/table.html
index aa26818f..87d981a0 100644
--- a/templates/staff/tables/table.html
+++ b/templates/staff/tables/table.html
@@ -17,7 +17,7 @@
         {% endif %}
 
         <h1 class="uk-title uk-text-center">
-            <span style="font-family: monospace">
+            <span class="fira-code">
                 {{ table }}
 
                 {% if table_obj.locked %}
@@ -36,7 +36,7 @@
 
                 <div class="uk-width-auto uk-flex-auto">
                     <select class="uk-select uk-width-1-1" name="search-key" title="Table Key">
-                        <option style="font-weight: bold;">{{ table_obj.primary_key }}</option>
+                        <option class="uk-text-bold">{{ table_obj.primary_key }}</option>
                         {% for key in table_obj.keys %}
                             {% if key != table_obj.primary_key %}
                                 {% if search_key == key %}
@@ -144,7 +144,7 @@
                         {% endif %}
 
                         {% for key in table_obj.keys %}
-                            <td class="uk-text-truncate" style="font-family: monospace" title="{{ doc[key] }}">
+                            <td class="uk-text-truncate fira-code" title="{{ doc[key] }}">
                                 {% if key == table_obj.primary_key %}
                                     <strong>{{ doc[key] }}</strong>
                                 {% else %}