From dedfd8a8098db999f81a55a845e0e4d041f9d7a8 Mon Sep 17 00:00:00 2001 From: Darin Dimitroff Date: Tue, 22 Nov 2016 13:07:51 +0200 Subject: Adds Tachyons --- src/css/imports/_text-transform.css | 46 +++++++++++++++++++++++++++++++++++++ 1 file changed, 46 insertions(+) create mode 100755 src/css/imports/_text-transform.css (limited to 'src/css/imports/_text-transform.css') 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; } +} -- cgit v1.3