@import (reference) "firefly-sprites.less";

.dice-s(4) {
    .sheet-ff-dice-d4-yellow-s;
}

.dice-s(6) {
    .sheet-ff-dice-d6-yellow-s;
}

.dice-s(8) {
    .sheet-ff-dice-d8-yellow-s;
}

.dice-s(10) {
    .sheet-ff-dice-d10-yellow-s;
}

.dice-s(12) {
    .sheet-ff-dice-d12-yellow-s;
}


.dice(4) {
    .sheet-ff-dice-d4-yellow;
}

.dice(6) {
    .sheet-ff-dice-d6-yellow;
}

.dice(8) {
    .sheet-ff-dice-d8-yellow;
}

.dice(10) {
    .sheet-ff-dice-d10-yellow;
}

.dice(12) {
    .sheet-ff-dice-d12-yellow;
}

.firefly_dLoop-s (@d) when (@d >=4 ) {
    .sheet-d@{d}-s {
        .dice-s(@d);
        color: transparent;
        display: inline-block;
    }
    .firefly_dLoop-s(@d - 2);
}

.firefly_dLoop-s(12);

.firefly_dLoop (@d) when (@d >=4 ) {
    .sheet-d@{d} {
        .dice(@d);
        color: transparent;
        display: inline-block;
    }
    .firefly_dLoop(@d - 2);
}

.firefly_dLoop(12);

.pp() {
    .sheet-ff-plot-point-small;
    color: transparent;
    display: inline-block;
}

.pp-lg() {
    .sheet-ff-plot-point-big;
    color: transparent;
    display: inline-block;
}

.pp-sm() {
    .sheet-ff-plot-point-tiny;
    color: transparent;
    display: inline-block;
}

.check() {
    .sheet-ff-check-off;
    vertical-align: middle;
    color: transparent;
    display: inline-block;
}

.check-on() {
    .sheet-ff-check-on;
    display: inline-block;
}