@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 {
  padding-block: var(--zd_size10) ;
  padding-inline:0 ;
  color: var(--zdt_messagebanner_text);
  margin-inline-start: var(--zd_size10) ;
  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
}
.link {
  color: var(--zdt_messagebanner_link_text);
  margin-inline-start: 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);
}