diff options
Diffstat (limited to '_sass/tiny/_mixins.scss')
-rw-r--r-- | _sass/tiny/_mixins.scss | 36 |
1 files changed, 36 insertions, 0 deletions
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; +} |