@zohodesk/dot/lib/MessageBanner/MessageBanner.module.css

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

.type_secondary {
  max-width: var(--zd_size468) ;
  border-radius: 3px;
  margin: 0 auto ;
}
.message {
  color: var(--zdt_messagebanner_text);
  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
  padding: var(--zd_size10) 0 ;
}
[dir=ltr] .message {
  margin-left: var(--zd_size10) ;
}
[dir=rtl] .message {
  margin-right: var(--zd_size10) ;
}
.link {
  color: var(--zdt_messagebanner_link_text);
}
[dir=ltr] .link {
  margin-left: var(--zd_size5) ;
}
[dir=rtl] .link {
  margin-right: var(--zd_size5) ;
}
.message,.link{font-size:  var(--zd_font_size14) ;}
.close {
  color: var(--zdt_messagebanner_close_text);
  cursor: pointer;
}
.type_primary .close:hover {
  background: var(--zdt_messagebanner_close_hover_bg);
}
.close:hover {
  color: var(--zdt_messagebanner_close_hover_text);
}

.palette_default {
  background: var(--zdt_messagebanner_default_bg);
}
.palette_blue {
  background: var(--zdt_messagebanner_blue_bg);
}
.palette_white {
  background: var(--zdt_messagebanner_white_text);
}