aboutsummaryrefslogtreecommitdiffstats
path: root/src/css/imports/_text-align.css
diff options
context:
space:
mode:
authorDarin Dimitroff <d@thecrazyones.agency>2016-11-22 13:07:51 +0200
committerDarin Dimitroff <d@thecrazyones.agency>2016-11-22 13:07:51 +0200
commitdedfd8a8098db999f81a55a845e0e4d041f9d7a8 (patch)
treea2b93f205083ba4f1c11c9e8f3b54c384cce1bc9 /src/css/imports/_text-align.css
parent4b9c3e021037a5df04df7e8c804d979501c136ad (diff)
Adds Tachyons
Diffstat (limited to 'src/css/imports/_text-align.css')
-rwxr-xr-xsrc/css/imports/_text-align.css42
1 files changed, 42 insertions, 0 deletions
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; }
+}
+