Jekyll Styleguide v0.1 Beta

Example Styleguide

.message preview

A .message with a hyperlink

A .message--info with a hyperlink

A .message--error with a hyperlink

A .message--valid with a hyperlink

A .message--warning with a hyperlink

Message HTML

<div class="message">
    <p>A .message with <a href="#">a hyperlink</a></p>
</div>

<div class="message message--info">
    <p>A .message--info with <a href="#">a hyperlink</a></p>
</div>

<div class="message message--error">
    <p>A .message--error with <a href="#">a hyperlink</a></p>
</div>

<div class="message message--valid">
    <p>A .message--valid with <a href="#">a hyperlink</a></p>
</div>

<div class="message message--warning">
    <p>A .message--warning with <a href="#">a hyperlink</a></p>
</div>

Message Style

You can find the original source of the CSS as .scss

Message

  • Last updated: 04 Apr 2014
  • Source

No more information available for Message…