.uniformRow{
    background: white;
    margin: 0.5em 0;
    text-decoration:none;
    color: color('gray');
    border: 1px solid color('gray-light');
    &.border-none{
        margin-bottom: 0;
        border: none;
        border-top: 1px solid color('gray-light');
        &:first-of-type{
            border-top:none;
        }
    }
    &:hover{
        background: lighten(color('blue'), 50);
    }
    a{
        color: color('gray');
        text-decoration: none;
    }
    .uniformRow-body{
        display: flex;
        min-width: 0;
        & > * {
            padding: 0 1em;
        }
    }
}


@include size-rule('sm') {
    .uniformRow{
        display: block;
        margin: 0.5em 0;
        .uniformThumb{
            padding-top:50%;
            width: 100%;
            max-width: 100%;
        }
        .uniformRow-body{
            flex-wrap: wrap;
            & > * {
                width: 100%;
            }
        }
    }
}
@include size-rule('md') {
    .uniformRow{
        margin: 0;
        margin-bottom: -1px;
        flex-wrap: nowrap;
        display: flex;
        align-self: center;
        .uniformThumb{
            align-self: stretch;
        }

        .uniformRow-body{
            flex-wrap: nowrap;
            align-self: center;
            padding: 0.5em 0;
            & > * {
                padding: 0 1em;
            }
        }
    }
}