@mixin css
{
    div.css-grid-content-renderer.css-grid-table
    {
        display: grid;
    }

    div.content-renderer-body.body-div-contents
    {
        display: contents;

        .body-row-contents
        {
            display: contents;
        }

        .body-row:nth-of-type(2n+0) > .body-cell
        {
            background-color: #f9f9f9;
        }

        .body-row:hover > .body-cell
        {
            background-color: #f5f5f5;
        }

        .body-cell
        {
            padding: 3px;
            line-height: 1.42857143;
            vertical-align: middle;
            border-top: 1px solid #ddd;
        }
    }

    div.content-renderer-header.header-row-contents
    {
        display: contents;
        border-bottom: 1px solid #EDEDED;

        .header-cell
        {
            padding: 3px;
            line-height: 1.42857143;
            vertical-align: middle;
            border-bottom: 1px solid #ddd;
            font-weight: bold;
        }

        /* TODO: move */
        .header-orderable:hover
        {
            background-color: #E3E3E3;
            cursor: pointer;
        }

        .header-content
        {
            white-space: normal;
        }
    }
}