Demo entry 6659380

less

   

Submitted by anonymous on Nov 10, 2017 at 19:02
Language: LessCss. Code size: 2.4 kB.

// Customer intervention - Data
// ------------------------------------------------------------------------

.c-customer-intervention {
    .var () {
        @r: ~".c-customer-intervention";
    }
}


// Customer intervention
// ------------------------------------------------------------------------

.c-customer-intervention {
    .c-customer-intervention > .var;

    .flex-column;
    margin-top: 8px;
    margin-bottom: 16px;

    // .c-customer-intervention__button
    &__button {
        .rect-button();
        .rect-button-padding(0);
        .rect-button-size(small);
        .rect-button-style(link);
        .rect-button-color(blue);
        text-transform: uppercase;
        .lh-align-self(flex-end);

        // .c-customer-intervention__button .icon--caret-down
        .icon--caret-down {
            font-size: 8px;
        }

        // .c-customer-intervention__button .c-loader
        .c-loader {
            position: static;
            font-size: 17px;
            height: 1em;
            width: 1em;
            display: none;
        }

        // .c-customer-intervention__button--is-chosen
        &--is-chosen {
            .rect-button-style(default);
            .rect-button-padding(default);

            .text {
                width: calc(~"100% - 38px");
            }
        }

        // .c-customer-intervention__button--is-opened
        &--is-opened {
            // .c-customer-intervention__button--is-opened .icon--caret-down
            .icon--caret-down {
                .lh-rotateZ(180deg);
            }
        }

        // .c-customer-intervention__button--is-loading
        &--is-loading {
            cursor: default;
            pointer-events: none;

            // .c-customer-intervention__button--is-loading .icon,
            // .c-customer-intervention__button--is-loading .text
            .icon,
            .text {
                display: none;
            }

            // .c-customer-intervention__button--is-loading .c-loader
            .c-loader {
                display: block;
            }
        }
    }

    // .c-customer-intervention__question
    &__question {
        :root & {
            margin-top: 16px;
        }
    }


    // .c-question__tooltip-arrow
    .c-question__tooltip-arrow {
        left: auto;
        right: 108px;
    }
}

This snippet took 0.01 seconds to highlight.

Back to the Entry List or Home.

Delete this entry (admin only).