You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
130 lines
2.6 KiB
130 lines
2.6 KiB
import { system } from '@styled-system/core';
|
|
var config = {
|
|
border: {
|
|
property: 'border',
|
|
scale: 'borders'
|
|
},
|
|
borderWidth: {
|
|
property: 'borderWidth',
|
|
scale: 'borderWidths'
|
|
},
|
|
borderStyle: {
|
|
property: 'borderStyle',
|
|
scale: 'borderStyles'
|
|
},
|
|
borderColor: {
|
|
property: 'borderColor',
|
|
scale: 'colors'
|
|
},
|
|
borderRadius: {
|
|
property: 'borderRadius',
|
|
scale: 'radii'
|
|
},
|
|
borderTop: {
|
|
property: 'borderTop',
|
|
scale: 'borders'
|
|
},
|
|
borderTopLeftRadius: {
|
|
property: 'borderTopLeftRadius',
|
|
scale: 'radii'
|
|
},
|
|
borderTopRightRadius: {
|
|
property: 'borderTopRightRadius',
|
|
scale: 'radii'
|
|
},
|
|
borderRight: {
|
|
property: 'borderRight',
|
|
scale: 'borders'
|
|
},
|
|
borderBottom: {
|
|
property: 'borderBottom',
|
|
scale: 'borders'
|
|
},
|
|
borderBottomLeftRadius: {
|
|
property: 'borderBottomLeftRadius',
|
|
scale: 'radii'
|
|
},
|
|
borderBottomRightRadius: {
|
|
property: 'borderBottomRightRadius',
|
|
scale: 'radii'
|
|
},
|
|
borderLeft: {
|
|
property: 'borderLeft',
|
|
scale: 'borders'
|
|
},
|
|
borderX: {
|
|
properties: ['borderLeft', 'borderRight'],
|
|
scale: 'borders'
|
|
},
|
|
borderY: {
|
|
properties: ['borderTop', 'borderBottom'],
|
|
scale: 'borders'
|
|
}
|
|
};
|
|
config.borderTopWidth = {
|
|
property: 'borderTopWidth',
|
|
scale: 'borderWidths'
|
|
};
|
|
config.borderTopColor = {
|
|
property: 'borderTopColor',
|
|
scale: 'colors'
|
|
};
|
|
config.borderTopStyle = {
|
|
property: 'borderTopStyle',
|
|
scale: 'borderStyles'
|
|
};
|
|
config.borderTopLeftRadius = {
|
|
property: 'borderTopLeftRadius',
|
|
scale: 'radii'
|
|
};
|
|
config.borderTopRightRadius = {
|
|
property: 'borderTopRightRadius',
|
|
scale: 'radii'
|
|
};
|
|
config.borderBottomWidth = {
|
|
property: 'borderBottomWidth',
|
|
scale: 'borderWidths'
|
|
};
|
|
config.borderBottomColor = {
|
|
property: 'borderBottomColor',
|
|
scale: 'colors'
|
|
};
|
|
config.borderBottomStyle = {
|
|
property: 'borderBottomStyle',
|
|
scale: 'borderStyles'
|
|
};
|
|
config.borderBottomLeftRadius = {
|
|
property: 'borderBottomLeftRadius',
|
|
scale: 'radii'
|
|
};
|
|
config.borderBottomRightRadius = {
|
|
property: 'borderBottomRightRadius',
|
|
scale: 'radii'
|
|
};
|
|
config.borderLeftWidth = {
|
|
property: 'borderLeftWidth',
|
|
scale: 'borderWidths'
|
|
};
|
|
config.borderLeftColor = {
|
|
property: 'borderLeftColor',
|
|
scale: 'colors'
|
|
};
|
|
config.borderLeftStyle = {
|
|
property: 'borderLeftStyle',
|
|
scale: 'borderStyles'
|
|
};
|
|
config.borderRightWidth = {
|
|
property: 'borderRightWidth',
|
|
scale: 'borderWidths'
|
|
};
|
|
config.borderRightColor = {
|
|
property: 'borderRightColor',
|
|
scale: 'colors'
|
|
};
|
|
config.borderRightStyle = {
|
|
property: 'borderRightStyle',
|
|
scale: 'borderStyles'
|
|
};
|
|
export var border = system(config);
|
|
export default border;
|