aboutsummaryrefslogtreecommitdiffstats
path: root/src/css/imports/_letter-spacing.css
diff options
context:
space:
mode:
Diffstat (limited to 'src/css/imports/_letter-spacing.css')
-rwxr-xr-xsrc/css/imports/_letter-spacing.css33
1 files changed, 33 insertions, 0 deletions
diff --git a/src/css/imports/_letter-spacing.css b/src/css/imports/_letter-spacing.css
new file mode 100755
index 0000000..d226513
--- /dev/null
+++ b/src/css/imports/_letter-spacing.css
@@ -0,0 +1,33 @@
+/*
+
+ LETTER SPACING
+ Docs: http://tachyons.io/docs/typography/tracking/
+
+ Media Query Extensions:
+ -ns = not-small
+ -m = medium
+ -l = large
+
+*/
+
+.tracked { letter-spacing: .1em; }
+.tracked-tight { letter-spacing: -.05em; }
+.tracked-mega { letter-spacing: .25em; }
+
+@media (--breakpoint-not-small) {
+ .tracked-ns { letter-spacing: .1em; }
+ .tracked-tight-ns { letter-spacing: -.05em; }
+ .tracked-mega-ns { letter-spacing: .25em; }
+}
+
+@media (--breakpoint-medium) {
+ .tracked-m { letter-spacing: .1em; }
+ .tracked-tight-m { letter-spacing: -.05em; }
+ .tracked-mega-m { letter-spacing: .25em; }
+}
+
+@media (--breakpoint-large) {
+ .tracked-l { letter-spacing: .1em; }
+ .tracked-tight-l { letter-spacing: -.05em; }
+ .tracked-mega-l { letter-spacing: .25em; }
+}