diff options
Diffstat (limited to 'src/css/imports/_text-transform.css')
| -rwxr-xr-x | src/css/imports/_text-transform.css | 46 |
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; } +} |
