From 13a3c1e29473aa9f563e8db4ad94cb3eee9bdfe6 Mon Sep 17 00:00:00 2001
From: Gareth Coles <gdude2002@gmail.com>
Date: Tue, 5 Jun 2018 16:07:35 +0100
Subject: 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
---
 scss/pysite/pages/main/_index.scss          | 11 ++++++++++
 scss/pysite/pages/main/about/_partners.scss | 12 +++++++++++
 scss/pysite/pages/main/about/_privacy.scss  | 12 +++++++++++
 scss/pysite/pages/main/info/_resources.scss | 29 +++++++++++++++++++++++++
 scss/pysite/pages/main/jams/_index.scss     | 11 ++++++++++
 scss/pysite/pages/main/jams/_join.scss      | 33 +++++++++++++++++++++++++++++
 6 files changed, 108 insertions(+)
 create mode 100644 scss/pysite/pages/main/_index.scss
 create mode 100644 scss/pysite/pages/main/about/_partners.scss
 create mode 100644 scss/pysite/pages/main/about/_privacy.scss
 create mode 100644 scss/pysite/pages/main/info/_resources.scss
 create mode 100644 scss/pysite/pages/main/jams/_index.scss
 create mode 100644 scss/pysite/pages/main/jams/_join.scss

(limited to 'scss/pysite/pages/main')

diff --git a/scss/pysite/pages/main/_index.scss b/scss/pysite/pages/main/_index.scss
new file mode 100644
index 00000000..36a046cf
--- /dev/null
+++ b/scss/pysite/pages/main/_index.scss
@@ -0,0 +1,11 @@
+$page_classes: (
+  page-main-index,
+);
+
+@each $class in $page_classes {
+  .#{$class} {
+    #invite-button {
+      padding: 0;
+    }
+  }
+}
diff --git a/scss/pysite/pages/main/about/_partners.scss b/scss/pysite/pages/main/about/_partners.scss
new file mode 100644
index 00000000..280d9a46
--- /dev/null
+++ b/scss/pysite/pages/main/about/_partners.scss
@@ -0,0 +1,12 @@
+$page_classes: (
+  page-main-about-partners,
+);
+
+@each $class in $page_classes {
+  .#{$class} {
+    #partner-cards .uk-card-default {
+      margin-top: 2em;
+      text-align: center;
+    }
+  }
+}
diff --git a/scss/pysite/pages/main/about/_privacy.scss b/scss/pysite/pages/main/about/_privacy.scss
new file mode 100644
index 00000000..b4203f8d
--- /dev/null
+++ b/scss/pysite/pages/main/about/_privacy.scss
@@ -0,0 +1,12 @@
+$page_classes: (
+  page-main-about-privacy,
+);
+
+@each $class in $page_classes {
+  .#{$class} {
+    td,
+    th {
+      max-width: 30rem;
+    }
+  }
+}
diff --git a/scss/pysite/pages/main/info/_resources.scss b/scss/pysite/pages/main/info/_resources.scss
new file mode 100644
index 00000000..ec2854d7
--- /dev/null
+++ b/scss/pysite/pages/main/info/_resources.scss
@@ -0,0 +1,29 @@
+$page_classes: (
+  page-main-info-resources,
+);
+
+@each $class in $page_classes {
+  .#{$class} {
+    .payment-icon {
+      margin-right: 1em;
+
+      img {
+        height: 2em;
+      }
+    }
+
+    .payment-description {
+      height: 3.7rem;
+      margin-right: .5rem;
+      vertical-align: text-bottom;
+    }
+
+    .resource-title {
+      margin-bottom: -1rem;
+
+      div {
+        padding-bottom: 0;
+      }
+    }
+  }
+}
diff --git a/scss/pysite/pages/main/jams/_index.scss b/scss/pysite/pages/main/jams/_index.scss
new file mode 100644
index 00000000..80e6fd3d
--- /dev/null
+++ b/scss/pysite/pages/main/jams/_index.scss
@@ -0,0 +1,11 @@
+$page_classes: (
+  page-main-jams-index,
+);
+
+@each $class in $page_classes {
+  .#{$class} {
+    .date-separator {
+      vertical-align: middle;
+    }
+  }
+}
diff --git a/scss/pysite/pages/main/jams/_join.scss b/scss/pysite/pages/main/jams/_join.scss
new file mode 100644
index 00000000..6281edee
--- /dev/null
+++ b/scss/pysite/pages/main/jams/_join.scss
@@ -0,0 +1,33 @@
+$page_classes: (
+  page-main-jams-join,
+);
+
+@each $class in $page_classes {
+  .#{$class} {
+    .question-label {
+      margin-top: 0;
+    }
+
+    .checkbox-label {
+      padding-left: .7rem;
+    }
+
+    .radio-label {
+      padding-left: .7rem;
+      padding-right: 1rem;
+    }
+
+    .range-label {
+      padding-left: .3rem;
+    }
+
+    .textarea {
+      min-height: 15rem;
+      resize: vertical;
+    }
+
+    .slider-label {
+      margin-right: 1rem;
+    }
+  }
+}
-- 
cgit v1.2.3