All files / styles Base.js

100% Statements 7/7
0% Branches 0/1
100% Functions 5/5
100% Lines 7/7

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    8x 53x 53x       53x 53x 53x             53x                  
import styled from '@appbaseio/vue-emotion';
 
const Base = ({ data: { attrs: { as: T = 'div' } }, data: props, children }) => {
	delete props.attrs.as;
	return (<T {...props}>{children}</T>);
}
 
export default styled(Base)`
	font-family: ${({ theme }) => theme.typography.fontFamily};
	font-size: ${({ theme }) => theme.typography.fontSize};
	color: ${({ theme }) => theme.colors.textColor};
	width: 100%;
 
	input,
	button,
	textarea,
	select {
		font-family: ${({ theme }) => theme.typography.fontFamily};
	}
 
	*,
	*:before,
	*:after {
		box-sizing: border-box;
	}
`;