mirror of
https://github.com/ianstormtaylor/slate.git
synced 2025-03-04 04:59:06 +01:00
36 lines
710 B
JavaScript
36 lines
710 B
JavaScript
|
import React from 'react'
|
||
|
|
import styled from 'react-emotion'
|
||
|
|
|
||
|
|
export const Button = styled('span')`
|
||
|
|
cursor: pointer;
|
||
|
|
color: ${props =>
|
||
|
|
props.reversed
|
||
|
|
? props.active ? 'white' : '#aaa'
|
||
|
|
: props.active ? 'black' : '#ccc'};
|
||
|
|
`
|
||
|
|
|
||
|
|
export const Icon = styled(({ className, ...rest }) => {
|
||
|
|
return <span className={`material-icons ${className}`} {...rest} />
|
||
|
|
})`
|
||
|
|
font-size: 18px;
|
||
|
|
vertical-align: text-bottom;
|
||
|
|
`
|
||
|
|
|
||
|
|
export const Menu = styled('div')`
|
||
|
|
& > * {
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
|
||
|
|
& > * + * {
|
||
|
|
margin-left: 15px;
|
||
|
|
}
|
||
|
|
`
|
||
|
|
|
||
|
|
export const Toolbar = styled(Menu)`
|
||
|
|
position: relative;
|
||
|
|
padding: 1px 18px 17px;
|
||
|
|
margin: 0 -20px;
|
||
|
|
border-bottom: 2px solid #eee;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
`
|