From bc323849cdffc929735b13eaf119b21149c773bd Mon Sep 17 00:00:00 2001
From: Martin Klepsch <martinklepsch@googlemail.com>
Date: Tue, 17 Apr 2018 12:45:59 +0200
Subject: [PATCH] add more tachyons utilities, esp. colors

---
 src/less/tachyons-utils.css | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/src/less/tachyons-utils.css b/src/less/tachyons-utils.css
index a3e7178..7a7bf2b 100644
--- a/src/less/tachyons-utils.css
+++ b/src/less/tachyons-utils.css
@@ -1,8 +1,11 @@
 .pg-book {font-family: "PostGrotesk-Book", sans-serif}
 .pg-med {font-family: "PostGrotesk-Medium", sans-serif}
 
+.shadow-6 {box-shadow: 0 5px 16px 0 rgba(230, 235, 238, 0.68)}
 
 /* Color classes are generated using https://tachyons-tldr.now.sh/#/tools */
+/* all colors defined here: https://app.zeplin.io/project/59dd4d45719799b4220a2e49/styleguide */
+/* TODO names need some updating */
 
 .muted-blue { color: #42505c; }
 .bg-muted-blue { background-color: #42505c; }
@@ -12,6 +15,23 @@
 
 .sob-blue { color: #5babed; }
 .bg-sob-blue { background-color: #5babed; }
+.bg-sob-blue-o-20 { background-color: rgba(87, 167, 237, 0.2); }
 .b--sob-blue { border-color: #5babed; }
 .hover-sob-blue:hover, .hover-sob-blue:focus { color: #5babed; }
 .hover-bg-sob-blue:hover, .hover-bg-sob-blue:focus { background-color: #5babed; }
+
+.sob-sky { color: #f2f5f8; }
+.bg-sob-sky { background-color: #f2f5f8; }
+.b--sob-sky { border-color: #f2f5f8; }
+.hover-sob-sky:hover, .hover-sob-sky:focus { color: #f2f5f8; }
+.hover-bg-sob-sky:hover, .hover-bg-sob-sky:focus { background-color: #f2f5f8; }
+
+.sob-tint { color: #f7f9fa; }
+.bg-sob-tint { background-color: #f7f9fa; }
+.b--sob-tint { border-color: #f7f9fa; }
+.hover-sob-tint:hover, .hover-sob-tint:focus { color: #f7f9fa; }
+.hover-bg-sob-tint:hover, .hover-bg-sob-tint:focus { background-color: #f7f9fa; }
+
+/* Tachyons overrides */
+
+.tracked { letter-spacing: .0625em } /* tachyons default: .1em */