# All files / components/Alert/styles AlertContent.js

0% Statements 0/11
0% Branches 0/4
0% Functions 0/1
0% Lines 0/5

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21

     import styled from 'styled-components';
    import get from 'extensions/themeGet';
    import tag from 'clean-tag';

    const AlertContent = styled(tag.div)`
      padding: ${get('spacing.small')} ${get('spacing.medium')};
      position: relative;
      display: grid;
      grid-template-columns: auto 1fr auto;
      grid-gap: ${get('spacing.small')};
      min-height: 53px;
      border-color: inherit;
    `;

    AlertContent.Small = styled(AlertContent)`
      padding: 5px;
      min-height: 30px;
    `;

    export default AlertContent;