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-align.css | 42 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 42 insertions(+) create mode 100755 src/css/imports/_text-align.css (limited to 'src/css/imports/_text-align.css') diff --git a/src/css/imports/_text-align.css b/src/css/imports/_text-align.css new file mode 100755 index 0000000..b1e8bca --- /dev/null +++ b/src/css/imports/_text-align.css @@ -0,0 +1,42 @@ +/* + + TEXT ALIGN + Docs: http://tachyons.io/docs/typography/text-align/ + + Base + t = text-align + + Modifiers + l = left + r = right + c = center + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + +*/ + +.tl { text-align: left; } +.tr { text-align: right; } +.tc { text-align: center; } + +@media (--breakpoint-not-small) { + .tl-ns { text-align: left; } + .tr-ns { text-align: right; } + .tc-ns { text-align: center; } +} + +@media (--breakpoint-medium) { + .tl-m { text-align: left; } + .tr-m { text-align: right; } + .tc-m { text-align: center; } +} + +@media (--breakpoint-large) { + .tl-l { text-align: left; } + .tr-l { text-align: right; } + .tc-l { text-align: center; } +} + -- cgit v1.3