compolicious
Version:
React component demo utility
43 lines (36 loc) • 712 B
JavaScript
export default {
'.tabTitles': {
display: 'flex',
flexDirection: 'row'
},
'.tabTitle': {
display: 'flex',
border: '1px solid gray',
borderBottom: 'none',
padding: '8px 14px',
cursor: 'pointer',
userSelect: 'none',
fontSize: '12px',
lineHeight: '12px',
color: 'gray'
},
'.tabTitle:first-child': {
borderRadius: '6px 0 0 0'
},
'.tabTitle:last-child': {
borderRadius: '0 6px 0 0'
},
'.activeTabTitle': {
fontWeight: 'bold',
fontSize: '14px',
color: 'black'
},
'.tabContents': {
border: '1px solid gray',
borderRadius: '0 6px 6px 6px'
},
'.tabContent': {
textAlign: 'initial',
padding: '8px 14px'
}
};