data-show-gt enhancement

[mvaldman]

I've noticed that the behaviour of the data-show-gt example doesn't behave as expected.

The example used this metaData keyword to show a number of items %asset_metadata_amount%, where the amount is a number.

I would expect that if the amount is say 3, then 3 items would then be displayed but due to the CSS only the item with attribute data-show-gt="3" actually gets displayed.

my work-around is to add this css to bct.css, I've also extended it to accomodate up to 15 items.

/* BCT Data Show - Overrides */

.bct-show-1 [data-show-gt~="1"],

.bct-show-2 [data-show-gt~="1"],
.bct-show-2 [data-show-gt~="2"],

.bct-show-3 [data-show-gt~="1"],
.bct-show-3 [data-show-gt~="2"],
.bct-show-3 [data-show-gt~="3"],

.bct-show-4 [data-show-gt~="1"],
.bct-show-4 [data-show-gt~="2"],
.bct-show-4 [data-show-gt~="3"],
.bct-show-4 [data-show-gt~="4"],

.bct-show-5 [data-show-gt~="1"],
.bct-show-5 [data-show-gt~="2"],
.bct-show-5 [data-show-gt~="3"],
.bct-show-5 [data-show-gt~="4"],
.bct-show-5 [data-show-gt~="5"],

.bct-show-6 [data-show-gt~="1"],
.bct-show-6 [data-show-gt~="2"],
.bct-show-6 [data-show-gt~="3"],
.bct-show-6 [data-show-gt~="4"],
.bct-show-6 [data-show-gt~="5"],
.bct-show-6 [data-show-gt~="6"],

.bct-show-7 [data-show-gt~="1"],
.bct-show-7 [data-show-gt~="2"],
.bct-show-7 [data-show-gt~="3"],
.bct-show-7 [data-show-gt~="4"],
.bct-show-7 [data-show-gt~="5"],
.bct-show-7 [data-show-gt~="6"],
.bct-show-7 [data-show-gt~="7"],

.bct-show-8 [data-show-gt~="1"],
.bct-show-8 [data-show-gt~="2"],
.bct-show-8 [data-show-gt~="3"],
.bct-show-8 [data-show-gt~="4"],
.bct-show-8 [data-show-gt~="5"],
.bct-show-8 [data-show-gt~="6"],
.bct-show-8 [data-show-gt~="7"],
.bct-show-8 [data-show-gt~="8"],

.bct-show-9 [data-show-gt~="1"],
.bct-show-9 [data-show-gt~="2"],
.bct-show-9 [data-show-gt~="3"],
.bct-show-9 [data-show-gt~="4"],
.bct-show-9 [data-show-gt~="5"],
.bct-show-9 [data-show-gt~="6"],
.bct-show-9 [data-show-gt~="7"],
.bct-show-9 [data-show-gt~="8"],
.bct-show-9 [data-show-gt~="9"],

.bct-show-10 [data-show-gt~="1"],
.bct-show-10 [data-show-gt~="2"],
.bct-show-10 [data-show-gt~="3"],
.bct-show-10 [data-show-gt~="4"],
.bct-show-10 [data-show-gt~="5"],
.bct-show-10 [data-show-gt~="6"],
.bct-show-10 [data-show-gt~="7"],
.bct-show-10 [data-show-gt~="8"],
.bct-show-10 [data-show-gt~="9"],
.bct-show-10 [data-show-gt~="10"],

.bct-show-11 [data-show-gt~="1"],
.bct-show-11 [data-show-gt~="2"],
.bct-show-11 [data-show-gt~="3"],
.bct-show-11 [data-show-gt~="4"],
.bct-show-11 [data-show-gt~="5"],
.bct-show-11 [data-show-gt~="6"],
.bct-show-11 [data-show-gt~="7"],
.bct-show-11 [data-show-gt~="8"],
.bct-show-11 [data-show-gt~="9"],
.bct-show-11 [data-show-gt~="10"],
.bct-show-11 [data-show-gt~="11"],

.bct-show-12 [data-show-gt~="1"],
.bct-show-12 [data-show-gt~="2"],
.bct-show-12 [data-show-gt~="3"],
.bct-show-12 [data-show-gt~="4"],
.bct-show-12 [data-show-gt~="5"],
.bct-show-12 [data-show-gt~="6"],
.bct-show-12 [data-show-gt~="7"],
.bct-show-12 [data-show-gt~="8"],
.bct-show-12 [data-show-gt~="9"],
.bct-show-12 [data-show-gt~="10"],
.bct-show-12 [data-show-gt~="11"],
.bct-show-12 [data-show-gt~="12"],

.bct-show-13 [data-show-gt~="1"],
.bct-show-13 [data-show-gt~="2"],
.bct-show-13 [data-show-gt~="3"],
.bct-show-13 [data-show-gt~="4"],
.bct-show-13 [data-show-gt~="5"],
.bct-show-13 [data-show-gt~="6"],
.bct-show-13 [data-show-gt~="7"],
.bct-show-13 [data-show-gt~="8"],
.bct-show-13 [data-show-gt~="9"],
.bct-show-13 [data-show-gt~="10"],
.bct-show-13 [data-show-gt~="11"],
.bct-show-13 [data-show-gt~="12"],
.bct-show-13 [data-show-gt~="13"],

.bct-show-14 [data-show-gt~="1"],
.bct-show-14 [data-show-gt~="2"],
.bct-show-14 [data-show-gt~="3"],
.bct-show-14 [data-show-gt~="4"],
.bct-show-14 [data-show-gt~="5"],
.bct-show-14 [data-show-gt~="6"],
.bct-show-14 [data-show-gt~="7"],
.bct-show-14 [data-show-gt~="8"],
.bct-show-14 [data-show-gt~="9"],
.bct-show-14 [data-show-gt~="10"],
.bct-show-14 [data-show-gt~="11"],
.bct-show-14 [data-show-gt~="12"],
.bct-show-14 [data-show-gt~="13"],
.bct-show-14 [data-show-gt~="14"],

.bct-show-15 [data-show-gt~="1"],
.bct-show-15 [data-show-gt~="2"],
.bct-show-15 [data-show-gt~="3"],
.bct-show-15 [data-show-gt~="4"],
.bct-show-15 [data-show-gt~="5"],
.bct-show-15 [data-show-gt~="6"],
.bct-show-15 [data-show-gt~="7"],
.bct-show-15 [data-show-gt~="8"],
.bct-show-15 [data-show-gt~="9"],
.bct-show-15 [data-show-gt~="10"],
.bct-show-15 [data-show-gt~="11"],
.bct-show-15 [data-show-gt~="12"],
.bct-show-15 [data-show-gt~="13"],
.bct-show-15 [data-show-gt~="14"],
.bct-show-15 [data-show-gt~="15"] {
    display: block !important
}