Developers

Modal

HTML Structure

<div class="inbenta-km__modal">
    <div class="inbenta-km__modal__content"> 
       <div class="content__header">
          <div class="content__header__text">Modal title</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>
    </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