First release

node_modules/hint.css/src/hint-mixins.scss

@@ -0,0 +1,46 @@
+// hint-mixins.scss
+//
+// Place to store common mixins.
+
+// Vendor prefixer mixin.
+@mixin vendor($property, $value) {
+	-webkit-#{$property}: $value;
+	-moz-#{$property}: $value;
+	#{$property}: $value;
+}
+
+// Generates border-color rules for all possible positions
+@mixin arrow-border-color($color) {
+	@each $position in top, bottom, left, right {
+		@if $position == top or $position == bottom {
+			// Loop further for classes like .top-left, bottom-right etc
+			@each $xDir in left, right {
+				#{if(&, "&", "")}.#{$hintPrefix}#{$position}-#{$xDir}:before {
+					border-#{$position}-color: $color;
+				}
+			}
+		}
+		#{if(&, "&", "")}.#{$hintPrefix}#{$position}:before {
+			border-#{$position}-color: $color;
+		}
+	}
+}
+
+// mixin to set margin on tooltip using translate transform
+// $property
+@mixin set-margin($property, $transitionDirection, $translateX: 0) {
+	$value: unquote("#{$property}(#{$hintTransitionDistance * $transitionDirection})");
+	&:before {
+		@include vendor('transform', $value);
+	}
+	&:after {
+		@if $translateX != 0 {
+			// For vertical tooltips, we need to animate in y-direction
+			// retaining its x-transform.
+			@include vendor('transform', translateX($translateX) $value);
+		}
+		@else {
+			@include vendor('transform', $value);
+		}
+	}
+}