From e590c206013bef0d991fa3e187b161f194323653 Mon Sep 17 00:00:00 2001
From: Peter Wu <peter@lekensteyn.nl>
Date: Wed, 25 Mar 2015 22:05:10 +0100
Subject: Start with campus map

---
 style/campus.less | 20 ++++++++++++++++++++
 style/colors.less |  6 ++++++
 style/main.less   |  1 +
 3 files changed, 27 insertions(+)
 create mode 100644 style/campus.less

(limited to 'style')

diff --git a/style/campus.less b/style/campus.less
new file mode 100644
index 0000000..e93f4fa
--- /dev/null
+++ b/style/campus.less
@@ -0,0 +1,20 @@
+@import "colors.less";
+
+body[data-page="campus"] #campus-map {
+    /* NOTE: you cannot use all CSS properties here on SVG elements.
+     * Things like border-radius and box-shadow do not work here. */
+    svg {
+        .building {
+            stroke: @color-campus-building-border;
+            stroke-width: 3;
+            fill: @color-campus-building-fill;
+            opacity: .3;
+
+            &:hover {
+                opacity: .7;
+                stroke-width: 6;
+            }
+        }
+    }
+}
+/* vim: set sw=4 et ts=4: */
diff --git a/style/colors.less b/style/colors.less
index 2518b5c..0f3fe7f 100644
--- a/style/colors.less
+++ b/style/colors.less
@@ -1,3 +1,9 @@
+/* Lovely colors! */
+
+/* Campus map */
+@color-campus-building-border: #f00;
+@color-campus-building-fill: #ccf;
+
 /* Color scheme from http://paletton.com/#uid=53v0u0k7UUa3cZA5wXlaiQ5cFL3 */
 
 @color-primary-0: #B5D6EB;	/* Main Primary color */
diff --git a/style/main.less b/style/main.less
index 65d7340..1a5f854 100644
--- a/style/main.less
+++ b/style/main.less
@@ -73,6 +73,7 @@ body[data-page="home"] {
 }
 
 @import "curriculum.less";
+@import "campus.less";
 
 /* footer */
 footer {
-- 
cgit v1.2.1