hacks-guide-minimal-mistake.../_posts/2010-02-05-post-notice.md
2016-03-04 16:23:59 -05:00

1.3 KiB

title categories tags
Post: Notice
Post Formats
Post Formats
notice

A notice displays information that explains nearby content. Often used to call attention to a particular detail.

When using Kramdown {: .notice} can be added after a sentence to assign the .notice to the <p></p> element.

Changes in Service: We just updated our privacy policy here to better service our customers. We recommend reviewing the changes. {: .notice}

Want to wrap several paragraphs or other elements in a notice? Using Liquid to capture the content and then filter it with markdownify is a good way to go.

{% raw %}{% capture notice-2 %}
### New Site Features

* You can now have cover images on blog pages
* Drafts will now auto-save while writing
{% endcapture %}{% endraw %}

<div class="notice">{% raw %}{{ notice-2 | markdownify }}{% endraw %}</div>

{% capture notice-2 %}

New Site Features

  • You can now have cover images on blog pages
  • Drafts will now auto-save while writing {% endcapture %}
{{ notice-2 | markdownify }}

Or you could skip the capture and stick with straight HTML.

<div class="notice">
  <h3>Message</h3>
  <p>A basic message.</p>
</div>

Message

A basic message.