4.1.0 • Published 5 years ago
@stellar-apps/content v4.1.0
@stellar-apps/content
A component for establishing site-wide content widths
Installation
yarn add @stellar-apps/content
Usage
import Content from '@stellar-apps/content'
function HomePage(props) {
return (
<Box>
<Content>
Some content constrained to the content width
</Content>
<Content slim>
Some content constrained to the slim content width
</Content>
</Box>
)
}
Content
Props
In addition to the props below, this component accepts any prop that curls/Box
accepts.
slim {bool}
- default
width * 0.61803398875 // golden ratio
- Uses the
slimWidth
defined in the theme
- default
defaultCSS
const defaultCSS = css`
width: 100%;
margin-left: auto;
margin-right: auto;
`
defaultTheme
const defaultTheme = {
width: 1360,
slimWidth: null // width * 0.61803398875
}
4.1.0
5 years ago
4.0.3
5 years ago
4.0.2
5 years ago
4.0.1
5 years ago
4.0.0
5 years ago
3.0.10
5 years ago
3.0.9
5 years ago
3.0.8
5 years ago
3.0.7
5 years ago
3.0.6
5 years ago
3.0.5
5 years ago
3.0.4
5 years ago
3.0.3
5 years ago
3.0.2
5 years ago
3.0.1
5 years ago
3.0.0
5 years ago
2.0.1
5 years ago
2.0.0
5 years ago
1.0.4
5 years ago
1.0.3
5 years ago
1.0.2
5 years ago
1.0.1
5 years ago
1.0.0
5 years ago