# All files / src/TableShelf TableShelf.styles.ts

100% Statements 9/9
100% Branches 10/10
100% Functions 0/0
100% Lines 9/9

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
    28
    29
    30
    31
    32
    33
    34
    35
    363x
    3x
    3x

    3x

    3x

    3x

    3x

    3x

    3x

     import styled from 'styled-components'
    import { colors } from '../_styles/colors'
    import { spacing } from '../_styles/spacing'

    const tableShelfShadow = '-4px 0px 5px 0px rgba(112, 112, 112, 0.1)'

    export const StyledShelf = styled.div`
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      box-shadow: ${tableShelfShadow};
      background-color: ${colors.white};
    `

    export const StyledHead = styled.div`
      background-color: ${colors.gray96};
      transition: background-color 0.2s ease-in-out;
    `

    export const StyledBodyRow = styled.div`
      border-top: 1px solid ${colors.gray85};
      transition: background-color 0.2s ease-in-out;
    `

    export const StyledHeadCell = styled.div`
      text-align: left;
      padding: ${spacing.lg}px;
      line-height: 13px;
    `

    export const StyledBodyCell = styled.div`
      padding: ${spacing.lg}px;
      line-height: 13px;
    `