From 8e218361e7f7e337ddbe26872e811d3facbb2d92 Mon Sep 17 00:00:00 2001
From: elijah <elijah@riseup.net>
Date: Tue, 19 Aug 2014 01:05:24 -0700
Subject: first presentable version

---
 pages/assets/content.scss | 55 +++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 55 insertions(+)
 create mode 100644 pages/assets/content.scss

(limited to 'pages/assets/content.scss')

diff --git a/pages/assets/content.scss b/pages/assets/content.scss
new file mode 100644
index 0000000..59dd01c
--- /dev/null
+++ b/pages/assets/content.scss
@@ -0,0 +1,55 @@
+//
+// These styles are helpers for better formatting content
+//
+
+//
+// VPN Status Icons
+//
+
+li.status-icon {
+  padding-left: 32px;
+  background-repeat: no-repeat;
+  background-position: 0 -2px;
+  list-style-type: none;
+  margin: 1em;
+  & li {
+    list-style-type: none;
+  }
+  & ul {
+    margin-top: 1em
+  }
+}
+
+li.android-on {
+  @extend li.status-icon;
+  background-image: url(/assets/icons/22/vpn_connected.png);
+}
+li.android-wait {
+  @extend li.status-icon;
+  background-image: url(/assets/icons/22/vpn_progress.png);
+}
+li.android-off {
+  @extend li.status-icon;
+  background-image: url(/assets/icons/22/vpn_disconnected.png);
+}
+
+li.desktop-on {
+  @extend li.status-icon;
+  background-image: url(/assets/icons/22/on.png);
+}
+li.desktop-wait {
+  @extend li.status-icon;
+  background-image: url(/assets/icons/22/wait.png);
+}
+li.desktop-off {
+  @extend li.status-icon;
+  background-image: url(/assets/icons/22/off.png);
+}
+
+//
+// GENERAL UTILITY
+//
+
+ul.spaced li {
+  margin-bottom: 15px;
+}
\ No newline at end of file
-- 
cgit v1.2.3