From b3967c83cbdba7f44c2ecef09d3e80801106ac81 Mon Sep 17 00:00:00 2001 From: Ben Burwell Date: Tue, 11 Aug 2015 22:56:34 -0400 Subject: Update to Tiny CSS --- _sass/tiny/_mixins.scss | 36 ++++++++++++++++++++++++++++++++++++ 1 file changed, 36 insertions(+) create mode 100644 _sass/tiny/_mixins.scss (limited to '_sass/tiny/_mixins.scss') diff --git a/_sass/tiny/_mixins.scss b/_sass/tiny/_mixins.scss new file mode 100644 index 0000000..3afa7e9 --- /dev/null +++ b/_sass/tiny/_mixins.scss @@ -0,0 +1,36 @@ +// Clearfix +// +// Clears floats via mixin (avoid using as a class). + +@mixin clearfix { + &:before { + display: table; + content: ""; + } + + &:after { + display: table; + clear: both; + content: ""; + } +} + +// Text hiding for image based text replacement. +// Higher performance than -9999px because it only renders +// the size of the actual text, not a full 9999px box. + +@mixin hide-text() { + overflow: hidden; + text-indent: 100%; + white-space: nowrap; +} + +@mixin gradient($start: #fafafa, $end: #eaeaea) { + background-color: $end; + // FF 3.6+ + background-image: -moz-linear-gradient($start, $end); + // Safari 5.1+, Chrome 10+ + background-image: -webkit-linear-gradient($start, $end); + background-image: linear-gradient($start, $end); + background-repeat: repeat-x; +} -- cgit v1.2.3