All files / components/container/gap index.tsx

100% Statements 2/2
100% Branches 0/0
100% Functions 1/1
100% Lines 2/2

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      4x 1x                      
import styled, { css } from 'styled-components';
import { media } from 'styles';
 
const Gap = styled.div`
  ${({ theme }) => css`
    width: 100%;
    padding-inline: calc(${theme.grid.gutter} / 2);
 
    ${media.greaterThan('mobile')`
      padding-inline: ${theme.grid.gutter};
    `}
  `}
`;
 
export { Gap };