All files / styles Chevron.js

100% Statements 3/3
50% Branches 1/2
100% Functions 1/1
100% Lines 3/3

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;