CSS

.mx-dataview { &.dataview-h-100 { height: 100%; .mx-dataview-content { height: 100%; } } }

.mx-listview { //Display listview items inline &.listview-inline { >ul { >li { display: inline; >.mx-dataview { display: inline; >.mx-dataview-content { display: inline; } } } } } //Display listview items as flex items &.listview-flex { >ul { display: flex; flex-wrap: wrap; >li { &:not(:last-child) { margin-right: $spacing-medium; } } } } &.listview-grid { >ul { @include grid(200px, $spacing-medium); } } //Display listview items as inline blocks &.listview-inline-block { >ul>li { display: inline-block; } } //Ends each listview item with a comma &....