Callouts combine panels and alerts into one generic container component.
.callout .primary Button with coloured fill background and white text capitalized.
.callout
.primary
Primary callout - best used for common messaging.
Secondary callout - best used for common messaging in alternate colour.
Alert callout - use only for error messaging.
Success callout - use only for confirmation or positive messaging.
Warning callout - best used for cautionary (non-error) messaging.
.button .blue .is-information, .is-error, .is-success, .is-warning { color: #222; } .is-information a, .is-error a, .is-success a, .is-warning a { color: rgba(0,138,176,1.00); font-weight: 600; } .is-information { background-color: rgba(0,138,176,0.025); border-color:rgba(0,138,176,0.80); border-left-width: 0.45rem; } .is-information .fa { color:rgba(0,138,176,1.00); } .is-error { background-color: rgba(200,54,46,0.025); border-color: rgba(200,54,46,0.80); border-left-width: 0.45rem; } .is-error .fa { color: rgba(200,54,46,1.00); } .is-success { background-color: rgba(79,138,16,0.025); border-color:rgba(79,138,16,0.80); border-left-width: 0.45rem; } .is-success .fa { color:rgba(79,138,16,1.00); } .is-warning { background-color: rgba(246,168,0,0.025); border-color: rgba(246,168,0,0.80); border-left-width: 0.45rem; } .is-warning .fa { color: rgba(246,168,0,1.00); }
.button
.blue
Lungo, sit grounds to go irish body irish wings medium. Chicory cultivar coffee a irish steamed organic. Filter kopi-luwak skinny affogato half and half con panna in americano spoon.