# All files / components/BulkSelect/styles BulkSelectItemContainer.js

0% Statements 0/9
0% Branches 0/4
0% Functions 0/1
0% Lines 0/4

    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
    29
    30
    31

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

    const BulkSelectItemContainer = styled.div`
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;

      & > button {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc((1 / 5 - ${get('spacing.small')}));
        height: 53px;
        margin: 7.5px;
        padding: 0 10px;
        min-width: 53px;
      }
    `;

    BulkSelectItemContainer.Small = styled(BulkSelectItemContainer)`
      & > button {
        height: 30px;
        font-size: 0.8em;
        margin: 2.5px;
        padding: 0 10px;
        min-width: 30px;
      }
    `;

    export default BulkSelectItemContainer;