backgroundImages.js 911 B

1234567891011121314151617181920212223242526272829303132
  1. "use strict";
  2. exports.__esModule = true;
  3. exports["default"] = backgroundImages;
  4. /**
  5. * Shorthand that accepts any number of backgroundImage values as parameters for creating a single background statement.
  6. * @example
  7. * // Styles as object usage
  8. * const styles = {
  9. * ...backgroundImages('url("/image/background.jpg")', 'linear-gradient(red, green)')
  10. * }
  11. *
  12. * // styled-components usage
  13. * const div = styled.div`
  14. * ${backgroundImages('url("/image/background.jpg")', 'linear-gradient(red, green)')}
  15. * `
  16. *
  17. * // CSS as JS Output
  18. *
  19. * div {
  20. * 'backgroundImage': 'url("/image/background.jpg"), linear-gradient(red, green)'
  21. * }
  22. */
  23. function backgroundImages() {
  24. for (var _len = arguments.length, properties = new Array(_len), _key = 0; _key < _len; _key++) {
  25. properties[_key] = arguments[_key];
  26. }
  27. return {
  28. backgroundImage: properties.join(', ')
  29. };
  30. }
  31. module.exports = exports.default;