Skip to main content

BaseStyles

In order to set basic color, font-sizes, font-family, line-heights, style resets via normalize across your project, you will need to establish Pipeline's base styles for your app by wrapping all of your components in <BaseStyles>:

import {BaseStyles, Box, Heading} from 'pipeline-ui'const App = (props) => {  return (  <BaseStyles>      <Box m={4}>        <Heading mb={2}>Hello, world!</Heading>        <p>These elements will have Pipeline's base styles applied to them.</p>      </Box>    </BaseStyles>  )}