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/_word-break.css | 36 ++++++++++++++++++++++++++++++++++++ 1 file changed, 36 insertions(+) create mode 100755 src/css/imports/_word-break.css (limited to 'src/css/imports/_word-break.css') diff --git a/src/css/imports/_word-break.css b/src/css/imports/_word-break.css new file mode 100755 index 0000000..bc88931 --- /dev/null +++ b/src/css/imports/_word-break.css @@ -0,0 +1,36 @@ +/* + + WORD BREAK + + Base: + word = word-break + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + +*/ + +.word-normal { word-break: normal; } +.word-wrap { word-break: break-all; } +.word-nowrap { word-break: keep-all; } + +@media (--breakpoint-not-small) { + .word-normal-ns { word-break: normal; } + .word-wrap-ns { word-break: break-all; } + .word-nowrap-ns { word-break: keep-all; } +} + +@media (--breakpoint-medium) { + .word-normal-m { word-break: normal; } + .word-wrap-m { word-break: break-all; } + .word-nowrap-m { word-break: keep-all; } +} + +@media (--breakpoint-large) { + .word-normal-l { word-break: normal; } + .word-wrap-l { word-break: break-all; } + .word-nowrap-l { word-break: keep-all; } +} + -- cgit v1.3