@twreporter/universal-header/lib/utils/animations.js

Universal header of TWReporter sites

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _styledComponents = require("styled-components");
var changeOpacity = function changeOpacity(valueFrom, valueTo) {
  return (0, _styledComponents.keyframes)(["from{opacity:", ";}to{opacity:", ";}"], valueFrom, valueTo);
};
var changeHeight = function changeHeight(valueFrom, valueTo) {
  return (0, _styledComponents.keyframes)(["from{height:", ";}to{height:", ";}"], valueFrom, valueTo);
};
var changeWidth = function changeWidth(valueFrom, valueTo) {
  return (0, _styledComponents.keyframes)(["from{width:", ";}to{width:", ";}"], valueFrom, valueTo);
};
var changeTranslateX = function changeTranslateX(valueFrom, valueTo) {
  return (0, _styledComponents.keyframes)(["from{transform:translateX(", ");}to{transform:translateX(", ");}"], valueFrom, valueTo);
};
var _default = exports["default"] = {
  changeOpacity: changeOpacity,
  changeHeight: changeHeight,
  changeWidth: changeWidth,
  changeTranslateX: changeTranslateX
};