From 76376bb7606668fab05a8aa5a04f04bcdda11f76 Mon Sep 17 00:00:00 2001 From: Dominic Masters Date: Fri, 23 Feb 2018 22:55:13 +1100 Subject: [PATCH] Added transform tools --- public/styles/tools/_transform.scss | 34 +++++++++++++++++++++++++++++ 1 file changed, 34 insertions(+) create mode 100644 public/styles/tools/_transform.scss diff --git a/public/styles/tools/_transform.scss b/public/styles/tools/_transform.scss new file mode 100644 index 0000000..bb04bbb --- /dev/null +++ b/public/styles/tools/_transform.scss @@ -0,0 +1,34 @@ +/* + * Transform Mixins + * Provides mixins for transforms + * + * Dependencies: + * styles/tools/mixin.prefix.scss - Used to prefix browser support + * + * Version: + * 1.0.0 - 2018/02/23 + */ + +@mixin t-transform($transforms) { + @include t-prefix-property(transform, $transforms, moz o ms webkit spec); +} + +@mixin t-translate($x, $y) { + @include t-transform(translate($x, $y)); +} + +@mixin t-translate-x($x) { + @include t-transform(translateX($x)); +} + +@mixin t-translate-y($y) { + @include t-transform(translateY($y)); +} + +@mixin t-scale($amt) { + @include t-transform(scale($amt)); +} + +@mixin t-rotate($amt) { + @include t-transform(rotate($amt)); +}