Information Message

Ready

HTML
View
Context
Assets
Info
Notes


        
        <div class="site-message--info">
    <strong>Interesting, </strong> something happened and it was possibly worth noting
</div>


        <div class="site-message--info">
	<strong>Interesting, </strong> something happened and it was possibly worth noting
</div>


        
            
            /* No context defined for this component. */

File:

Content:


                                .site-message--info {
	@extend %site-message;

	background-color: lighten($highlight,45%);
	border-color: $highlight;
}

URL: /components/raw/information-message/_information-message.scss
Filesystem Path: src/patterns/patterns/messages/information-message/_information-message.scss
Size: 119 Bytes

Handle: @information-message
Preview:
- With layout
- Component only
Filesystem Path: src/patterns/patterns/messages/information-message/information-message.hbs

Fail Message

Usually an information alert.