We are working on something new! Check it out here!

Notice

Notice to inform or warn the user.

Modifiers

  • .notice-lg - Larger notice
  • .notice-sm - Smaller notice
  • .notice-fullwidth - Used when filling window width to hide left and right borders
  • .warning - Yellow warning color
  • .danger - Red danger color
  • .info - Blue info color

Example

Sugar plum gummi bears.
Lollipop cake candy canes.
Jujubes oat cake sweet sugar plum.
Caramels chocolate cake ice cream.
<div class="notice success">
     <i class="pricon pricon-check"></i> Sugar plum gummi bears.
</div>
<div class="notice warning">
     <i class="pricon pricon-notice-warning"></i> Lollipop cake candy canes.
</div>
<div class="notice danger">
     <i class="pricon pricon-notice-error"></i> Jujubes oat cake sweet sugar plum.
</div>
<div class="notice info">
     <i class="pricon pricon-info-o"></i> Caramels chocolate cake ice cream.
</div>
Source file: ~/source/sass/components/notice/_notice.scss