Reference

Callout

OtherEvergreenPublic
NovaDesign System
PropDefaultType
namestring
sizemdstring
colorneutralstring
/*--- CALLOUT ---*/
.cmp-callout.default {
  --callout-background: #333333;
  --callout-gap: 8px;
  --callout-text-gap: 8px;
  --callout-border-top: 1px solid #00000000;
  --callout-border-right: 1px solid #00000000;
  --callout-border-bottom: 1px solid #00000000;
  --callout-border-left: 1px solid #00000000;
  --callout-border-radius-top-right: 0px;
  --callout-border-radius-top-left: 0px;
  --callout-border-radius-bottom-right: 0px;
  --callout-border-radius-bottom-left: 0px;
  --callout-padding-top: 8px;
  --callout-padding-right: 8px;
  --callout-padding-bottom: 8px;
  --callout-padding-left: 8px;
  --callout-title-text: 700 14px "Arial";
  --callout-title-letter-spacing: 0%;
  --callout-title-text-color: #ffffff;
  --callout-description-text: 400 12px "Montserrat";
  --callout-description-letter-spacing: 0%;
  --callout-description-text-color: #ffffff;
  --callout-image-width: 70px;
  --callout-image-border-radius-top-right: 0px;
  --callout-image-border-radius-top-left: 0px;
  --callout-image-border-radius-bottom-right: 0px;
  --callout-image-border-radius-bottom-left: 0px;
}
.cmp-callout.theme2 {
  --callout-background: #333333;
  --callout-gap: 8px;
  --callout-text-gap: 8px;
  --callout-border-top: 1px solid #00000000;
  --callout-border-right: 1px solid #00000000;
  --callout-border-bottom: 1px solid #00000000;
  --callout-border-left: 1px solid #00000000;
  --callout-border-radius-top-right: 0px;
  --callout-border-radius-top-left: 0px;
  --callout-border-radius-bottom-right: 0px;
  --callout-border-radius-bottom-left: 0px;
  --callout-padding-top: 8px;
  --callout-padding-right: 8px;
  --callout-padding-bottom: 8px;
  --callout-padding-left: 8px;
  --callout-title-text: 700 14px "Arial";
  --callout-title-letter-spacing: 0%;
  --callout-title-text-color: #ffffff;
  --callout-description-text: 400 12px "Montserrat";
  --callout-description-letter-spacing: 0%;
  --callout-description-text-color: #ffffff;
  --callout-image-width: 70px;
  --callout-image-border-radius-top-right: 0px;
  --callout-image-border-radius-top-left: 0px;
  --callout-image-border-radius-bottom-right: 0px;
  --callout-image-border-radius-bottom-left: 0px;
}