A table that switches to a vertical layout on mobile

_rwd-table.scss

@include breakpoint(max-width, $bp-medium) {

    table.rwd-table {
        display: block;

        thead {
            display: none;

            tr, th {
                display: none;
            }
        }

        tbody {
            display: block;

            tr {
                display: block;
                border-bottom: $default-border;

                &:last-child {
                    border-bottom: 0;
                }

                td {
                    display: block;
                    border-bottom: 0;

                    &[data-rwd-label] {

                        div {
                            display: inline-block;
                        }

                        &:before {
                            content: attr(data-rwd-label) ":";
                            display: inline-block;
                            padding-right: .5em;
                            font-weight: bold;
                        }
                    }
                }
            }
        }
    }
}