Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 | 2x 2x 12x | import { css } from 'emotion';
import styled from '@appbaseio/vue-emotion';
const open = css`
top: 0.55em;
transform: rotate(-45deg);
`;
const Chevron = styled('span')`
&::before {
content: '';
border-style: solid;
border-width: 0.15em 0.15em 0 0;
display: inline-block;
height: 0.45em;
position: relative;
top: 0.35em;
left: 0;
transform: rotate(135deg);
vertical-align: top;
width: 0.45em;
${props => (props.open ? open : null)};
}
`;
export default Chevron;
|