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
			| 
								 
											3 years ago
										 
									 | 
							
								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;
							 |