borderRadius.js

  1. import directional from './util/directional.js';
  3. /**
  4.  * Directional borderRadius helper
  5.  * @function borderRadius
  6.  * @param  {number|string|object} value         Value for all directions or object of values:
  7.  * @param  {number|string}       [value.x]      Left and right value
  8.  * @param  {number|string}       [value.y]      Top and bottom value
  9.  * @param  {number|string}       [value.top]    Top value (takes precedence over y)
  10.  * @param  {number|string}       [value.right]  Right value (takes precedence over x)
  11.  * @param  {number|string}       [value.bottom] Bottom value (takes precedence over y)
  12.  * @param  {number|string}       [value.left]   Left value (takes precedence over x)
  13.  * @return {object}                             Style object
  14.  * @example
  15.  * // All directions
  16.  * borderRadius('foo');
  17.  * // → {
  18.  * //     borderTopRadius: 'foo',
  19.  * //     borderRightRadius: 'foo',
  20.  * //     borderBottomRadius: 'foo',
  21.  * //     borderLeftRadius: 'foo'
  22.  * //   }
  23.  * @example
  24.  * // A single axis
  25.  * borderRadius({x: 'bar'});
  26.  * // → {
  27.  * //     borderLeftRadius: 'bar',
  28.  * //     borderRightRadius: 'bar'
  29.  * //   }
  30.  * @example
  31.  * // Any combination
  32.  * borderRadius({y: 'foo', top: 'bar', right: 'baz'});
  33.  * // → {
  34.  * //     borderTopRadius: 'bar',
  35.  * //     borderRightRadius: 'baz',
  36.  * //     borderBottomRadius: 'foo'
  37.  * //   }
  38.  */
  39. export default directional(
  40.   'borderTopRadius',
  41.   'borderRightRadius',
  42.   'borderBottomRadius',
  43.   'borderLeftRadius'
  44. );