Border Color

The border-color property sets the color of an element's four borders. This property can have from one to four values.

Class	Properties
`border-grey`	`border-color: color.$grey`
`border-white`	`border-color: white`
`border-black`	`border-color: black`
`border-color`	`border-color: theme('border', 'color')`
`border-text`	`border-color: theme('color', 'text')`
`border-primary`	`border-color: theme('color', 'primary')`
`border-success`	`border-color: theme('color', 'success')`
`border-warning`	`border-color: theme('color', 'warning')`
`border-error`	`border-color: theme('color', 'error')`
`border-dark`	`border-color: theme('color', 'dark')`

'border-color': (
    'enabled'    : true, // true or false
    'property'   : 'border-color', // css property name (don't change it !)
    'prefix'     : 'border-', // prefix of class name
    'specificity': !important, // or null
    'unit'       : null, // length/angle units (px, rem, em, %, vh, vw etc)
    'args'       : null, // for extra variables
    'variables'  : (
        // class name (suffix), value
        ("white", white),
        ("black", black),
        ("grey", color.$grey),
        ("color", theme('border', 'color')), // default border color
        ("text", theme('color', 'text')),
        ("primary", theme('color', 'primary')),
        ("success", theme('color', 'success')),
        ("warning", theme('color', 'warning')),
        ("error", theme('color', 'error')),
        ("dark", theme('color', 'dark'))
    )
)