How to use the open-color.white function in open-color

To help you get started, we’ve selected a few open-color examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github novemberde / serverless-todo-demo / static-web-front / src / components / Top.js View on Github external
import React from 'react'
import styled from 'styled-components'
import oc from 'open-color'
import { AppBar, Drawer, MenuItem } from 'material-ui'
import LinkIcon from 'material-ui/svg-icons/content/link'
const Top = styled.div`
  align-items: center;
  background-color: ${oc.gray[8]};
  color: ${oc.white};
  display: flex;
  font-size: 1.1rem;
  left: 0;
  height: 3rem;
  justify-content: center;
  position: fixed;
  top: 0;
  width: 100%;
`

export default class extends React.Component {
  constructor(props) {
    super(props)
    this.state = {
      isDrawerOpened: false,
    }