@media screen and (max-width: 576px) {
table.tableResponsiveVariant thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
table.tableResponsiveVariant tr {
border-bottom: 3px solid #ddd;
display: block;
margin-bottom: 0.625em;
}
table.tableResponsiveVariant td {
border-bottom: 1px solid #ddd;
display: block;
font-size: 0.8em;
text-align: right;
}
table.tableResponsiveVariant td::before {
content: attr(data-label);
float: left;
font-weight: 700;
text-transform: uppercase;
}
table.tableResponsiveVariant td:last-child {
border-bottom: 0;
}
}
{data.table_caption}
{row}