Skip to content

Commit f12de68

Browse files
author
DNZ\darius
committed
no message
1 parent 40dad09 commit f12de68

File tree

7 files changed

+73
-47
lines changed

7 files changed

+73
-47
lines changed

‎dist/buttons.html‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -128,6 +128,28 @@ <h1>Buttons</h1>
128128
<a href="#" class="btn-theme05"></a>
129129
<a href="#" class="btn btn-full"></a></pre>
130130
</div>
131+
<h2 class="ta-center ta-left-b3">Example buttons with icons</h2>
132+
<p class="alert">
133+
Note: You need the castlecss-buttons and castlecss-icons packages or the <a href="https://github.com/CastleCSS/castlecss-boilerplate" target="_blank">castlecss-boilerplate</a> to combine icons and buttons.
134+
</p>
135+
<div class="block p pt-2x" style="background: #eee;">
136+
<div class="g mb-3x">
137+
<div class="b0_12 b2_06 b6_04"><a href="#" class="btn btn-full mb"><i class="fa fa-angle-right"></i> Read more</a></div>
138+
<div class="b0_12 b2_06 b6_04"><a href="#" class="btn-theme01 btn-full mb"><i class="fa fa-edit"></i> Edit</a></div>
139+
<div class="b0_12 b2_06 b6_04"><a href="#" class="btn-theme02 btn-full mb"><i class="fa fa-cloud"></i> Cloud</a></div>
140+
<div class="b0_12 b2_06 b6_04"><a href="#" class="btn-theme03 btn-full mb"><i class="fa fa-globe"></i> Globe</a></div>
141+
<div class="b0_12 b2_06 b6_04"><a href="#" class="btn-theme04 btn-full mb"><i class="fa fa-spinner fa-spin"></i> Spin</a></div>
142+
<div class="b0_12 b2_06 b6_04"><a href="#" class="btn-theme05 btn-full mb"><i class="fa fa-list"></i> List</a></div>
143+
</div>
144+
<pre class="brush: xml;">
145+
<a href="#" class="btn btn-full"><i class="fa fa-angle-right"></i></a>
146+
<a href="#" class="btn-theme01 btn-full"><i class="fa fa-edit"></i></a>
147+
<a href="#" class="btn-theme02 btn-full"><i class="fa fa-cloud"></i> </a>
148+
<a href="#" class="btn-theme03 btn-full"><i class="fa fa-globe"></i> </a>
149+
<a href="#" class="btn-theme04 btn-full"><i class="fa fa-spinner fa-spin"></i></a>
150+
<a href="#" class="btn-theme05 btn-full"><i class="fa fa-list"></i></a>
151+
</pre>
152+
</div>
131153
</div>
132154
</div>
133155
<!-- End main -->

‎dist/css/styles.min.css‎

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/css/styles.min.css.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/icons.html‎

Lines changed: 23 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -159,28 +159,29 @@ <h2 class="ta-center ta-left-b3">Example social icons</h2>
159159
<div class="ta-center ta-left-b3 pt pb"><a class="btn" href="http://fontawesome.io/icons#brand" target="_blank"><i class="fa fa-font-awesome"></i>&nbsp;All social icons</a></div>
160160
</div>
161161

162-
163-
<h2>Example buttons with icon</h2>
164-
<p class="alert">
165-
Note: You need castlecss-buttons package or the <a href="https://github.com/CastleCSS/castlecss-boilerplate" target="_blank">castlecss-boilerplate</a> to combine icons and buttons.
166-
</p>
167-
<div class="block p pt-2x" style="background: #eee;">
168-
<div class="g mb-3x">
169-
<div class="b0_12 b2_06 b6_04"><a href="#" class="btn btn-full mb"><i class="fa fa-angle-right"></i> Read more</a></div>
170-
<div class="b0_12 b2_06 b6_04"><a href="#" class="btn-theme01 btn-full mb"><i class="fa fa-edit"></i> Edit</a></div>
171-
<div class="b0_12 b2_06 b6_04"><a href="#" class="btn-theme02 btn-full mb"><i class="fa fa-cloud"></i> Cloud</a></div>
172-
<div class="b0_12 b2_06 b6_04"><a href="#" class="btn-theme03 btn-full mb"><i class="fa fa-globe"></i> Globe</a></div>
173-
<div class="b0_12 b2_06 b6_04"><a href="#" class="btn-theme04 btn-full mb"><i class="fa fa-spinner fa-spin"></i> Spin</a></div>
174-
<div class="b0_12 b2_06 b6_04"><a href="#" class="btn-theme05 btn-full mb"><i class="fa fa-list"></i> List</a></div>
175-
</div>
176-
<pre class="brush: xml;">
177-
<a href="#" class="btn btn-full"><i class="fa fa-angle-right"></i></a>
178-
<a href="#" class="btn-theme01 btn-full"><i class="fa fa-edit"></i></a>
179-
<a href="#" class="btn-theme02 btn-full"><i class="fa fa-cloud"></i> </a>
180-
<a href="#" class="btn-theme03 btn-full"><i class="fa fa-globe"></i> </a>
181-
<a href="#" class="btn-theme04 btn-full"><i class="fa fa-spinner fa-spin"></i></a>
182-
<a href="#" class="btn-theme05 btn-full"><i class="fa fa-list"></i></a></pre>
183-
</div>
162+
<h2 class="ta-center ta-left-b3">Example buttons with icons</h2>
163+
<p class="alert">
164+
Note: You need the castlecss-buttons and castlecss-icons packages or the <a href="https://github.com/CastleCSS/castlecss-boilerplate" target="_blank">castlecss-boilerplate</a> to combine icons and buttons.
165+
</p>
166+
<div class="block p pt-2x" style="background: #eee;">
167+
<div class="g mb-3x">
168+
<div class="b0_12 b2_06 b6_04"><a href="#" class="btn btn-full mb"><i class="fa fa-angle-right"></i> Read more</a></div>
169+
<div class="b0_12 b2_06 b6_04"><a href="#" class="btn-theme01 btn-full mb"><i class="fa fa-edit"></i> Edit</a></div>
170+
<div class="b0_12 b2_06 b6_04"><a href="#" class="btn-theme02 btn-full mb"><i class="fa fa-cloud"></i> Cloud</a></div>
171+
<div class="b0_12 b2_06 b6_04"><a href="#" class="btn-theme03 btn-full mb"><i class="fa fa-globe"></i> Globe</a></div>
172+
<div class="b0_12 b2_06 b6_04"><a href="#" class="btn-theme04 btn-full mb"><i class="fa fa-spinner fa-spin"></i> Spin</a></div>
173+
<div class="b0_12 b2_06 b6_04"><a href="#" class="btn-theme05 btn-full mb"><i class="fa fa-list"></i> List</a></div>
174+
</div>
175+
<pre class="brush: xml;">
176+
<a href="#" class="btn btn-full"><i class="fa fa-angle-right"></i></a>
177+
<a href="#" class="btn-theme01 btn-full"><i class="fa fa-edit"></i></a>
178+
<a href="#" class="btn-theme02 btn-full"><i class="fa fa-cloud"></i> </a>
179+
<a href="#" class="btn-theme03 btn-full"><i class="fa fa-globe"></i> </a>
180+
<a href="#" class="btn-theme04 btn-full"><i class="fa fa-spinner fa-spin"></i></a>
181+
<a href="#" class="btn-theme05 btn-full"><i class="fa fa-list"></i></a>
182+
</pre>
183+
</div>
184+
184185
</div>
185186
</div>
186187
<!-- End main -->

‎views/buttons.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,7 @@ <h1>Buttons</h1>
2929
<a href="#" class="btn-theme05"></a>
3030
<a href="#" class="btn btn-full"></a></pre>
3131
</div>
32+
{% include "inc/example_buttons.html" %}
3233
</div>
3334
</div>
3435
<!-- End main -->

‎views/icons.html‎

Lines changed: 2 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -60,28 +60,8 @@ <h2 class="ta-center ta-left-b3">Example social icons</h2>
6060
<div class="ta-center ta-left-b3 pt pb"><a class="btn" href="http://fontawesome.io/icons#brand" target="_blank"><i class="fa fa-font-awesome"></i>&nbsp;All social icons</a></div>
6161
</div>
6262

63-
64-
<h2>Example buttons with icon</h2>
65-
<p class="alert">
66-
Note: You need castlecss-buttons package or the <a href="https://github.com/CastleCSS/castlecss-boilerplate" target="_blank">castlecss-boilerplate</a> to combine icons and buttons.
67-
</p>
68-
<div class="block p pt-2x" style="background: #eee;">
69-
<div class="g mb-3x">
70-
<div class="b0_12 b2_06 b6_04"><a href="#" class="btn btn-full mb"><i class="fa fa-angle-right"></i> Read more</a></div>
71-
<div class="b0_12 b2_06 b6_04"><a href="#" class="btn-theme01 btn-full mb"><i class="fa fa-edit"></i> Edit</a></div>
72-
<div class="b0_12 b2_06 b6_04"><a href="#" class="btn-theme02 btn-full mb"><i class="fa fa-cloud"></i> Cloud</a></div>
73-
<div class="b0_12 b2_06 b6_04"><a href="#" class="btn-theme03 btn-full mb"><i class="fa fa-globe"></i> Globe</a></div>
74-
<div class="b0_12 b2_06 b6_04"><a href="#" class="btn-theme04 btn-full mb"><i class="fa fa-spinner fa-spin"></i> Spin</a></div>
75-
<div class="b0_12 b2_06 b6_04"><a href="#" class="btn-theme05 btn-full mb"><i class="fa fa-list"></i> List</a></div>
76-
</div>
77-
<pre class="brush: xml;">
78-
<a href="#" class="btn btn-full"><i class="fa fa-angle-right"></i></a>
79-
<a href="#" class="btn-theme01 btn-full"><i class="fa fa-edit"></i></a>
80-
<a href="#" class="btn-theme02 btn-full"><i class="fa fa-cloud"></i> </a>
81-
<a href="#" class="btn-theme03 btn-full"><i class="fa fa-globe"></i> </a>
82-
<a href="#" class="btn-theme04 btn-full"><i class="fa fa-spinner fa-spin"></i></a>
83-
<a href="#" class="btn-theme05 btn-full"><i class="fa fa-list"></i></a></pre>
84-
</div>
63+
{% include "inc/example_buttons.html" %}
64+
8565
</div>
8666
</div>
8767
<!-- End main -->

‎views/inc/example_buttons.html‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<h2 class="ta-center ta-left-b3">Example buttons with icons</h2>
2+
<p class="alert">
3+
Note: You need the castlecss-buttons and castlecss-icons packages or the <a href="https://github.com/CastleCSS/castlecss-boilerplate" target="_blank">castlecss-boilerplate</a> to combine icons and buttons.
4+
</p>
5+
<div class="block p pt-2x" style="background: #eee;">
6+
<div class="g mb-3x">
7+
<div class="b0_12 b2_06 b6_04"><a href="#" class="btn btn-full mb"><i class="fa fa-angle-right"></i> Read more</a></div>
8+
<div class="b0_12 b2_06 b6_04"><a href="#" class="btn-theme01 btn-full mb"><i class="fa fa-edit"></i> Edit</a></div>
9+
<div class="b0_12 b2_06 b6_04"><a href="#" class="btn-theme02 btn-full mb"><i class="fa fa-cloud"></i> Cloud</a></div>
10+
<div class="b0_12 b2_06 b6_04"><a href="#" class="btn-theme03 btn-full mb"><i class="fa fa-globe"></i> Globe</a></div>
11+
<div class="b0_12 b2_06 b6_04"><a href="#" class="btn-theme04 btn-full mb"><i class="fa fa-spinner fa-spin"></i> Spin</a></div>
12+
<div class="b0_12 b2_06 b6_04"><a href="#" class="btn-theme05 btn-full mb"><i class="fa fa-list"></i> List</a></div>
13+
</div>
14+
<pre class="brush: xml;">
15+
<a href="#" class="btn btn-full"><i class="fa fa-angle-right"></i></a>
16+
<a href="#" class="btn-theme01 btn-full"><i class="fa fa-edit"></i></a>
17+
<a href="#" class="btn-theme02 btn-full"><i class="fa fa-cloud"></i> </a>
18+
<a href="#" class="btn-theme03 btn-full"><i class="fa fa-globe"></i> </a>
19+
<a href="#" class="btn-theme04 btn-full"><i class="fa fa-spinner fa-spin"></i></a>
20+
<a href="#" class="btn-theme05 btn-full"><i class="fa fa-list"></i></a>
21+
</pre>
22+
</div>

0 commit comments

Comments
 (0)