@zohodesk/dot/es/alert/AlertHeader/AlertHeader.module.css

In this Library, we Provide Some Basic Components to Build Your Application

.container {
  min-height: var(--zd_size54) ;
  position: relative;
}[dir=ltr] .container {
  padding: var(--zd_size12) var(--zd_size45) var(--zd_size12) var(--zd_size26) ;
}[dir=rtl] .container {
  padding: var(--zd_size12) var(--zd_size26) var(--zd_size12) var(--zd_size45) ;
}

[dir=ltr] .extraSmall {
  padding: var(--zd_size12) var(--zd_size45) var(--zd_size12) var(--zd_size16) ;
}

[dir=rtl] .extraSmall {
  padding: var(--zd_size12) var(--zd_size16) var(--zd_size12) var(--zd_size45) ;
}

[dir=ltr] .iconContainer {
  margin: 0 var(--zd_size10) 0 0 ;
}

[dir=rtl] .iconContainer {
  margin: 0 0 0 var(--zd_size10) ;
}

.title {
  font-size: 0 ;
}

[dir=ltr] .title {
  margin: 0 var(--zd_size5) 0 0 ;
}

[dir=rtl] .title {
  margin: 0 0 0 var(--zd_size5) ;
}

.iconStyle {
  display: block;
}

/* Palette */

.default {
  background-color: var(--zdt_alertheader_default_bg);
}

.primary {
  background-color: var(--zdt_alertheader_primary_bg);
}

.danger {
  background-color: var(--zdt_alertheader_danger_bg);
}

/* icon size */

.icon_delete, .icon_alert, .icon_remoteAssist {
  font-size: var(--zd_font_size20) ;
}

.icon_splitTicket {
  font-size: var(--zd_font_size16) ;
  font-weight: bold;
}

.icon_update {
  font-size: var(--zd_font_size16) ;
}

.text_danger {
  color: var(--zdt_alertheader_danger_text);
}

.text_primary {
  color: var(--zdt_alertheader_primary_text);
}

.text_default {
  color: var(--zdt_alertheader_default_text);
}