@weareredlight/components/lib/elements/LoadingOverlay/style.js

> TODO: description

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.LoadingOverlayStyle = void 0;
var animationDuration = 0.4;
var animationTick = 0.01;
var LoadingOverlayStyle = {
  "default": {
    wrapper: {
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'center',
      position: 'absolute',
      width: '0%',
      height: '0%',
      __web: {
        position: 'fixed',
        opacity: 0,
        transition: "opacity ".concat(animationDuration, "s ease,\n          width ").concat(animationTick, "s linear ").concat(animationDuration - animationTick, "s,\n          height ").concat(animationTick, "s linear ").concat(animationDuration - animationTick, "s")
      },
      top: 0,
      left: 0,
      zIndex: 1000000,
      __mixins: {
        backgroundColorWithOpacity: ['black', 0.85]
      }
    }
  },
  visible: {
    wrapper: {
      width: '100%',
      height: '100%',
      __web: {
        opacity: 1,
        transition: "opacity ".concat(animationDuration, "s ease,\n          width ").concat(animationTick, "s,\n          height ").concat(animationTick, "s")
      }
    }
  }
};
exports.LoadingOverlayStyle = LoadingOverlayStyle;