backgrounds.js 934 B

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