diff options
Diffstat (limited to 'src/css/imports/_line-height.css')
| -rwxr-xr-x | src/css/imports/_line-height.css | 34 |
1 files changed, 34 insertions, 0 deletions
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; } +} + |
