Developers

Notification

HTML Structure

<div class="inbenta-km__refreshNotification">
    <div class="inbenta-km__refreshNotification__header">
        <div class="inbenta-km-title">Oooops...!</div>
        <div class="header__button">
            <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="inbenta-km__refreshNotification__body">
        <div class="body__text">
            ...
        </div>
        <div class="body__button">
            <div class="inbenta-km-button">
                <span class="inbenta-km-button__icon inbenta-km-icon inbenta-km-icon--refresh"></span>
                <span class="inbenta-km-button__text">Refresh</span>
            </div>
        </div>
    </div>
  </div>

CSS editable properties

Class Properties
.inbenta-km__refreshNotification position, width, background ...
.inbenta-km__refreshNotification__header display, margin ...
.inbenta-km-title Inherit from Globals
.inbenta-km-button Inherit from globals
.inbenta-km-button__icon Content
.inbenta-km-button__text Hidden by default
.inbenta-km__refreshNotification__body This element is strictly structural
.body__button Display
.inbenta-km-button Inherit from globals
.inbenta-km-button__icon Hidden by default
.inbenta-km-button__text Inherit from globals