Skip to content

Commit a7796aa

Browse files
committed
Forms
1 parent d0f49eb commit a7796aa

File tree

1 file changed

+37
-0
lines changed

1 file changed

+37
-0
lines changed

views/forms.html

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
{% set currentPageId = 'forms' %}{% set pageTitle = 'Forms - CastleCSS' %}{% include "inc/header.html" %}
2+
3+
<!-- Main -->
4+
<div class="b0_12 b4_14 b4_push_01">
5+
<div class="p p-b3-3x">
6+
<div class="block">
7+
<h1>Forms</h1>
8+
<p class="intro">The right way to inform your visitors</p>
9+
<p class="alert">
10+
Note: You need castlecss-notifications or the full package of CastleCSS for this.
11+
</p>
12+
<p>Use the <code>notify</code> and <code>alert</code> classes to make your messages stand out.</p>
13+
<p>Overwrite colors using your own <a href="variables.html">variable.scss</a> or overwrite all notifications/alerts with your own notifications.scss file.</p>
14+
</div>
15+
<div class="block">
16+
<div class="alert mb">Alert</div>
17+
<div class="alert-positive mb">Positive alert</div>
18+
<div class="alert-negative mb">Negative alert</div>
19+
<pre class="brush: xml;">
20+
<div class="alert">Alert</div>
21+
<div class="alert-positive">Positive alert</div>
22+
<div class="alert-negative">Negative alert</div></pre>
23+
</div>
24+
<div class="block">
25+
<div class="notify mb">Notification</div>
26+
<div class="notify-positive mb">Positive notification</div>
27+
<div class="notify-negative mb">Negative notificiation</div>
28+
<pre class="brush: xml;">
29+
<div class="notify">Notification</div>
30+
<div class="notify-positive">Positive notification</div>
31+
<div class="notify-negative">Negative notificiation</div></pre>
32+
</div>
33+
</div>
34+
</div>
35+
<!-- End main -->
36+
37+
{% include "inc/footer.html" %}

0 commit comments

Comments
 (0)