aboutsummaryrefslogtreecommitdiffstats
path: root/src/css/imports/_text-transform.css
diff options
context:
space:
mode:
Diffstat (limited to 'src/css/imports/_text-transform.css')
-rwxr-xr-xsrc/css/imports/_text-transform.css46
1 files changed, 46 insertions, 0 deletions
diff --git a/src/css/imports/_text-transform.css b/src/css/imports/_text-transform.css
new file mode 100755
index 0000000..50ae73e
--- /dev/null
+++ b/src/css/imports/_text-transform.css
@@ -0,0 +1,46 @@
+/*
+
+ TEXT TRANSFORM
+ Docs: http://tachyons.io/docs/typography/text-transform/
+
+ Base:
+ tt = text-transform
+
+ Modifiers
+ c = capitalize
+ l = lowercase
+ u = uppercase
+ n = none
+
+ Media Query Extensions:
+ -ns = not-small
+ -m = medium
+ -l = large
+
+*/
+
+.ttc { text-transform: capitalize; }
+.ttl { text-transform: lowercase; }
+.ttu { text-transform: uppercase; }
+.ttn { text-transform: none; }
+
+@media (--breakpoint-not-small) {
+ .ttc-ns { text-transform: capitalize; }
+ .ttl-ns { text-transform: lowercase; }
+ .ttu-ns { text-transform: uppercase; }
+ .ttn-ns { text-transform: none; }
+}
+
+@media (--breakpoint-medium) {
+ .ttc-m { text-transform: capitalize; }
+ .ttl-m { text-transform: lowercase; }
+ .ttu-m { text-transform: uppercase; }
+ .ttn-m { text-transform: none; }
+}
+
+@media (--breakpoint-large) {
+ .ttc-l { text-transform: capitalize; }
+ .ttl-l { text-transform: lowercase; }
+ .ttu-l { text-transform: uppercase; }
+ .ttn-l { text-transform: none; }
+}