Developers

Last Chance

HTML Structure

    <div class="inbenta-km__last-chance inbenta-km__modal">
        <div class="inbenta-km__modal__content"> 
            <div class="content__header">
                <div class="content__header__text">...</div>
                <div class="content__header__button-wrapper">
                    <div class="inbenta-km-button">
                        <span class="inbenta-km-button__icon inbenta-km-icon inbenta-km-icon--close"></span>
                        <span class="inbenta-km-button__text">close</span>
                    </div>
                </div>
            </div>
            <div class="content__body">
                <div class="inbenta-km-button">
                    <span class="inbenta-km-button__icon inbenta-km-icon inbenta-km-icon--cancel"></span>
                    <span class="inbenta-km-button__text">Cancel</span>
                </div>
            </div>
            <div class="content__footer">
                <div class="inbenta-km-button">
                    <span class="inbenta-km-button__icon inbenta-km-icon inbenta-km-icon--cancel"></span>
                    <span class="inbenta-km-button__text">Cancel</span>
                </div>
                <div class="inbenta-km-button">
                    <span class="inbenta-km-button__icon inbenta-km-icon inbenta-km-icon--submit"></span>
                    <span class="inbenta-km-button__text">Submit</span>
                </div>
            </div>
        </div>
    </div>

CSS editable properties

Class Properties
.inbenta-km__modal position, display, background ...
.inbenta-km__modal__content display, background, shadow ...
.content__header display
.content__header__title font
.inbenta-km-button Inherit from Globals
.inbenta-km-button__icon Content
.inbenta-km-button__text Hidden by default
.content__body This element is strictly structural
.content__footer This element is strictly structural
.inbenta-km-button Inherit from Globals (some overrides apply)
.inbenta-km-button__icon Undefined