How to use the @instructure/ui-themeable.mirrorShorthandCorners function in @instructure/ui-themeable

To help you get started, we’ve selected a few @instructure/ui-themeable examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github instructure / instructure-ui / packages / ui-layout / src / View / index.js View on Github external
get borderStyle () {
    let { borderRadius, borderWidth } = this.props

    if (this.dir === bidirectional.DIRECTION.rtl) {
      borderRadius = mirrorShorthandCorners(borderRadius)
      borderWidth = mirrorShorthandEdges(borderWidth)
    }

    return {
      borderRadius: getShorthandPropValue('View', this.theme, borderRadius, 'borderRadius'),
      borderWidth: getShorthandPropValue('View', this.theme, borderWidth, 'borderWidth')
    }
  }
github instructure / instructure-ui / packages / ui-view / src / View / index.js View on Github external
get borderStyle () {
    let { borderRadius, borderWidth } = this.props

    if (this.dir === bidirectional.DIRECTION.rtl) {
      borderRadius = mirrorShorthandCorners(borderRadius)
      borderWidth = mirrorShorthandEdges(borderWidth)
    }

    return {
      borderRadius: getShorthandPropValue('View', this.theme, borderRadius, 'borderRadius'),
      borderWidth: getShorthandPropValue('View', this.theme, borderWidth, 'borderWidth')
    }
  }