portrait
v0.9.0
Published
Base design for all 5Rabbits products
Downloads
292
Readme
Portrait
Base design for all 5Rabbits products
Example Usage
import React from 'react'
import { Layout, Navigation, SectionOffscreen } from 'portrait'
import 'portrait/lib/portrait.css'
const App = () =>
<Layout
header="header"
navigation={
<Navigation />
}
main={
<SectionOffscreen
controls={<div>Controls</div>}
panelContent={<div>Panel</div>}
content={<h1>Hello world</h1>}
/>
}
/>
export default App
Using sass
You can configure Portrait using the sass files:
$color-brand: #f00;
@import '~portrait/lib/scss/portrait.scss';