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/_background-size.css | 34 ++++++++++++++++++++++++++++++++++ 1 file changed, 34 insertions(+) create mode 100755 src/css/imports/_background-size.css (limited to 'src/css/imports/_background-size.css') diff --git a/src/css/imports/_background-size.css b/src/css/imports/_background-size.css new file mode 100755 index 0000000..18afe5c --- /dev/null +++ b/src/css/imports/_background-size.css @@ -0,0 +1,34 @@ +/* + + BACKGROUND SIZE + Docs: http://tachyons.io/docs/themes/background-size/ + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + +*/ + +/* + Often used in combination with background image set as an inline style + on an html element. +*/ + + .cover { background-size: cover!important; } + .contain { background-size: contain!important; } + +@media (--breakpoint-not-small) { + .cover-ns { background-size: cover!important; } + .contain-ns { background-size: contain!important; } +} + +@media (--breakpoint-medium) { + .cover-m { background-size: cover!important; } + .contain-m { background-size: contain!important; } +} + +@media (--breakpoint-large) { + .cover-l { background-size: cover!important; } + .contain-l { background-size: contain!important; } +} -- cgit v1.3