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/_line-height.css | 34 ++++++++++++++++++++++++++++++++++ 1 file changed, 34 insertions(+) create mode 100755 src/css/imports/_line-height.css (limited to 'src/css/imports/_line-height.css') diff --git a/src/css/imports/_line-height.css b/src/css/imports/_line-height.css new file mode 100755 index 0000000..afbef0d --- /dev/null +++ b/src/css/imports/_line-height.css @@ -0,0 +1,34 @@ +/* + + LINE HEIGHT / LEADING + Docs: http://tachyons.io/docs/typography/line-height + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + +*/ + + .lh-solid { line-height: 1; } + .lh-title { line-height: 1.25; } + .lh-copy { line-height: 1.5; } + +@media (--breakpoint-not-small) { + .lh-solid-ns { line-height: 1; } + .lh-title-ns { line-height: 1.25; } + .lh-copy-ns { line-height: 1.5; } +} + +@media (--breakpoint-medium) { + .lh-solid-m { line-height: 1; } + .lh-title-m { line-height: 1.25; } + .lh-copy-m { line-height: 1.5; } +} + +@media (--breakpoint-large) { + .lh-solid-l { line-height: 1; } + .lh-title-l { line-height: 1.25; } + .lh-copy-l { line-height: 1.5; } +} + -- cgit v1.3