@totalsoft/rocket-ui
Version:
A set of reusable and composable React components built on top of Material UI core for developing fast and friendly web applications interfaces.
35 lines (33 loc) • 1.17 kB
text/typescript
import { CustomComponents } from '../../types'
export default function Divider(): CustomComponents {
return {
MuiDivider: {
styleOverrides: {
root: {
borderTop: '0px solid rgba(0, 0, 0, 0.12)',
borderRight: '0px solid rgba(0, 0, 0, 0.12)',
borderLeft: '0px solid rgba(0, 0, 0, 0.12)',
borderBottom: 'none',
margin: '1rem 0px',
height: '0.0625rem',
width: '100%',
backgroundColor: 'transparent',
backgroundImage: 'linear-gradient(to right, rgba(52, 71, 103, 0), rgba(52, 71, 103, 0.4), rgba(52, 71, 103, 0))',
opacity: '0.45'
},
vertical: {
borderTop: '0px solid rgba(0, 0, 0, 0.12)',
borderRight: '0px solid rgba(0, 0, 0, 0.12)',
borderLeft: '0px solid rgba(0, 0, 0, 0.12)',
borderBottom: 'none',
margin: '0px 1rem',
width: '0.0625rem',
height: '100%',
backgroundColor: 'transparent',
backgroundImage: 'linear-gradient(rgba(52, 71, 103, 0), rgba(52, 71, 103, 0.4), rgba(52, 71, 103, 0))',
opacity: '0.45'
}
}
}
}
}