@retailmenot/anchor/ts/Button/HitArea/HitArea.component.js

A React UI Library by RetailMeNot

// VENDOR
import styled from '@xstyled/styled-components';
export const HitArea = styled('div') `
    position: absolute;

    // overlap border
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;

    // expand using margin to get to 3 rem tall and wide
    margin: ${({ buttonHeight, buttonWidth }) => `-${(3 - buttonHeight) / 2}rem ${buttonWidth && buttonWidth < 3
    ? `-${(3 - buttonWidth) / 2}rem`
    : '0'}`};
`;
//# sourceMappingURL=HitArea.component.js.map