Skip to content
This repository was archived by the owner on Feb 7, 2023. It is now read-only.

Commit a861476

Browse files
frostyweatherfrostyweather
committed
Cleaned up indentation. Added additional mustache
Most of mustache is complete. Still some areas (especially in the organisms) that need some attention.
1 parent f9c051b commit a861476

38 files changed

+978
-994
lines changed

‎dist/_patterns/00-atoms/02-text/07-page-header.mustache

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
11
<div class="page-header">
2-
<h1>{{ heading }} <small>{{ subheading }}</small></h1>
2+
<h1>{{ heading }} <small>{{ subheading }}</small></h1>
33
</div>

‎dist/_patterns/00-atoms/03-lists/00-unordered.mustache

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<div class="text">
22
<ul>
33
<li>{{ listItem }}</li>
4-
<li>{{listItem}}</li>
4+
<li>{{ listItem }}</li>
55
<li>
66
{{ listItem }}
77
<ul>

‎dist/_patterns/00-atoms/03-lists/02-definition.mustache

Lines changed: 0 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,4 @@
11
<dl>
22
<dt>{{ term }}</dt>
33
<dd>{{ definition }}</dd>
4-
<dt>{{ term }}</dt>
5-
<dd>{{ definition }}</dd>
6-
<dt>{{ term }}</dt>
7-
<dd>{{ definition }}</dd>
8-
<dt>{{ term }}</dt>
9-
<dd>{{ definition }}</dd>
104
</dl>

‎dist/_patterns/00-atoms/05-forms/00-input.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
---
2+
title: Input
3+
---
4+

‎dist/_patterns/00-atoms/05-forms/00-input.mustache

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
<input type="text" class="form-control" placeholder="Placeholder Text" aria-describedby="basic-addon1">
2+
3+
4+
5+

‎dist/_patterns/00-atoms/07-tables/00-table.mustache

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,25 @@
11
{{# table }}
22
<table class="table">
3-
{{# thead }}
4-
<thead>
5-
<tr>
6-
{{# th }}
7-
<th>{{ title }}</th>
8-
{{/ th }}
9-
</tr>
10-
</thead>
11-
{{/ thead }}
12-
{{# tbody }}
13-
<tbody>
14-
{{# tr }}
15-
<tr>
16-
{{# td }}
17-
<td>{{ text }}</td>
18-
{{/ td }}
19-
</tr>
20-
{{/ tr}}
21-
</tbody>
22-
{{/ tbody }}
3+
{{# thead }}
4+
<thead>
5+
<tr>
6+
{{# th }}
7+
<th>{{ title }}</th>
8+
{{/ th }}
9+
</tr>
10+
</thead>
11+
{{/ thead }}
12+
{{# tbody }}
13+
<tbody>
14+
{{# tr }}
15+
<tr>
16+
{{# td }}
17+
<td>{{ text }}</td>
18+
{{/ td }}
19+
</tr>
20+
{{/ tr}}
21+
</tbody>
22+
{{/ tbody }}
2323
</table>
2424
{{/ table }}
2525

‎dist/_patterns/00-atoms/08-media/00-badges.mustache

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
<div class="bs-example" data-example-id="simple-badges">
2-
<span class="badge">{{ badge }}</span></a>
3-
</div>
1+
<span class="badge">{{ badge }}</span>
2+
43

‎dist/_patterns/00-atoms/08-media/03-labels-variants.mustache

Lines changed: 11 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,12 @@
1-
<div class="bs-docs-section">
2-
<div class="bs-example" data-example-id="labels-in-headings">
3-
<h1>{{ heading }} <span class="label label-default">{{ label }}</span></h1>
4-
<h2>{{ heading }} <span class="label label-default">{{ label }}</span></h2>
5-
<h3>{{ heading }} <span class="label label-default">{{ label }}</span></h3>
6-
<h4>{{ heading }} <span class="label label-default">{{ label }}</span></h4>
7-
<h5>{{ heading }} <span class="label label-default">{{ label }}</span></h5>
8-
<h6>{{ heading }} <span class="label label-default">{{ label }}</span></h6>
9-
</div>
1+
<h1>{{ heading }} <span class="label label-default">{{ label }}</span></h1>
2+
<h2>{{ heading }} <span class="label label-default">{{ label }}</span></h2>
3+
<h3>{{ heading }} <span class="label label-default">{{ label }}</span></h3>
4+
<h4>{{ heading }} <span class="label label-default">{{ label }}</span></h4>
5+
<h5>{{ heading }} <span class="label label-default">{{ label }}</span></h5>
6+
<h6>{{ heading }} <span class="label label-default">{{ label }}</span></h6>
107

11-
<div class="bs-example" data-example-id="label-variants">
12-
<span class="label label-primary">Primary</span>
13-
<span class="label label-success">Success</span>
14-
<span class="label label-info">Info</span>
15-
<span class="label label-warning">Warning</span>
16-
<span class="label label-danger">Danger</span>
17-
</div>
18-
19-
</div>
8+
<span class="label label-primary">Primary</span>
9+
<span class="label label-success">Success</span>
10+
<span class="label label-info">Info</span>
11+
<span class="label label-warning">Warning</span>
12+
<span class="label label-danger">Danger</span>

‎dist/_patterns/00-atoms/08-media/05-progress-bars-variants.mustache

Lines changed: 68 additions & 72 deletions
Original file line numberDiff line numberDiff line change
@@ -1,103 +1,99 @@
1-
<div class="bs-docs-section">
2-
3-
<h2 id="progress-label">With label</h2>
4-
<p>Remove the <code>&lt;span&gt;</code> with <code>.sr-only</code> class from within the progress bar to show a visible percentage.</p>
5-
<div class="bs-example" data-example-id="progress-bar-with-label">
6-
<div class="progress">
7-
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
1+
<h2 id="progress-label">With label</h2>
2+
<p>Remove the <code>&lt;span&gt;</code> with <code>.sr-only</code> class from within the progress bar to show a visible percentage.</p>
3+
<div class="bs-example" data-example-id="progress-bar-with-label">
4+
<div class="progress">
5+
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
86
60%
9-
</div>
7+
</div>
108
</div>
11-
</div>
9+
</div>
1210

13-
<p>To ensure that the label text remains legible even for low percentages, consider adding a <code>min-width</code> to the progress bar.</p>
14-
<div class="bs-example" data-example-id="progress-bar-at-low-percentage">
15-
<div class="progress">
16-
<div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="min-width: 2em;">
11+
<p>To ensure that the label text remains legible even for low percentages, consider adding a <code>min-width</code> to the progress bar.</p>
12+
<div class="bs-example" data-example-id="progress-bar-at-low-percentage">
13+
<div class="progress">
14+
<div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="min-width: 2em;">
1715
0%
18-
</div>
16+
</div>
1917
</div>
20-
<div class="progress">
21-
<div class="progress-bar" role="progressbar" aria-valuenow="2" aria-valuemin="0" aria-valuemax="100" style="min-width: 2em; width: 2%;">
18+
<div class="progress">
19+
<div class="progress-bar" role="progressbar" aria-valuenow="2" aria-valuemin="0" aria-valuemax="100" style="min-width: 2em; width: 2%;">
2220
2%
23-
</div>
21+
</div>
2422
</div>
25-
</div>
23+
</div>
2624

27-
<h2 id="progress-alternatives">Contextual alternatives</h2>
28-
<p>Progress bars use some of the same button and alert classes for consistent styles.</p>
29-
<div class="bs-example" data-example-id="contextual-progress-bar">
25+
<h2 id="progress-alternatives">Contextual alternatives</h2>
26+
<p>Progress bars use some of the same button and alert classes for consistent styles.</p>
27+
<div class="bs-example" data-example-id="contextual-progress-bar">
3028
<div class="progress">
31-
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
32-
<span class="sr-only">40% Complete (success)</span>
33-
</div>
29+
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
30+
<span class="sr-only">40% Complete (success)</span>
31+
</div>
3432
</div>
35-
<div class="progress">
36-
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
37-
<span class="sr-only">20% Complete</span>
38-
</div>
33+
<div class="progress">
34+
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
35+
<span class="sr-only">20% Complete</span>
36+
</div>
3937
</div>
4038
<div class="progress">
41-
<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
42-
<span class="sr-only">60% Complete (warning)</span>
43-
</div>
39+
<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
40+
<span class="sr-only">60% Complete (warning)</span>
41+
</div>
4442
</div>
4543
<div class="progress">
46-
<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
47-
<span class="sr-only">80% Complete (danger)</span>
48-
</div>
44+
<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
45+
<span class="sr-only">80% Complete (danger)</span>
46+
</div>
4947
</div>
50-
</div>
48+
</div>
5149

5250

53-
<h2 id="progress-striped">Striped</h2>
54-
<p>Uses a gradient to create a striped effect. Not available in IE9 and below.</p>
55-
<div class="bs-example" data-example-id="striped-progress-bar">
56-
<div class="progress">
57-
<div class="progress-bar progress-bar-success progress-bar-striped" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
58-
<span class="sr-only">40% Complete (success)</span>
59-
</div>
51+
<h2 id="progress-striped">Striped</h2>
52+
<p>Uses a gradient to create a striped effect. Not available in IE9 and below.</p>
53+
<div class="bs-example" data-example-id="striped-progress-bar">
54+
<div class="progress">
55+
<div class="progress-bar progress-bar-success progress-bar-striped" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
56+
<span class="sr-only">40% Complete (success)</span>
57+
</div>
6058
</div>
6159
<div class="progress">
62-
<div class="progress-bar progress-bar-info progress-bar-striped" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
63-
<span class="sr-only">20% Complete</span>
64-
</div>
60+
<div class="progress-bar progress-bar-info progress-bar-striped" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
61+
<span class="sr-only">20% Complete</span>
62+
</div>
6563
</div>
6664
<div class="progress">
67-
<div class="progress-bar progress-bar-warning progress-bar-striped" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
68-
<span class="sr-only">60% Complete (warning)</span>
69-
</div>
65+
<div class="progress-bar progress-bar-warning progress-bar-striped" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
66+
<span class="sr-only">60% Complete (warning)</span>
67+
</div>
7068
</div>
7169
<div class="progress">
72-
<div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
73-
<span class="sr-only">80% Complete (danger)</span>
74-
</div>
70+
<div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
71+
<span class="sr-only">80% Complete (danger)</span>
72+
</div>
7573
</div>
76-
</div>
77-
74+
</div>
7875

79-
<h2 id="progress-animated">Animated</h2>
80-
<p>Add <code>.active</code> to <code>.progress-bar-striped</code> to animate the stripes right to left. Not available in IE9 and below.</p>
81-
<div class="bs-example" data-example-id="animated-progress-bar">
82-
<div class="progress">
83-
<div class="progress-bar progress-bar-striped" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%"><span class="sr-only">45% Complete</span></div>
76+
<h2 id="progress-animated">Animated</h2>
77+
<p>Add <code>.active</code> to <code>.progress-bar-striped</code> to animate the stripes right to left. Not available in IE9 and below.</p>
78+
<div class="bs-example" data-example-id="animated-progress-bar">
79+
<div class="progress">
80+
<div class="progress-bar progress-bar-striped" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%"><span class="sr-only">45% Complete</span></div>
8481
</div>
8582
<button type="button" class="btn btn-default bs-docs-activate-animated-progressbar" data-toggle="button" aria-pressed="false" autocomplete="off">Toggle animation</button>
86-
</div>
83+
</div>
8784

88-
<h2 id="progress-stacked">Stacked</h2>
89-
<p>Place multiple bars into the same <code>.progress</code> to stack them.</p>
90-
<div class="bs-example" data-example-id="stacked-progress-bar">
85+
<h2 id="progress-stacked">Stacked</h2>
86+
<p>Place multiple bars into the same <code>.progress</code> to stack them.</p>
87+
<div class="bs-example" data-example-id="stacked-progress-bar">
9188
<div class="progress">
92-
<div class="progress-bar progress-bar-success" style="width: 35%">
93-
<span class="sr-only">35% Complete (success)</span>
94-
</div>
95-
<div class="progress-bar progress-bar-warning progress-bar-striped" style="width: 20%">
96-
<span class="sr-only">20% Complete (warning)</span>
97-
</div>
98-
<div class="progress-bar progress-bar-danger" style="width: 10%">
99-
<span class="sr-only">10% Complete (danger)</span>
100-
</div>
89+
<div class="progress-bar progress-bar-success" style="width: 35%">
90+
<span class="sr-only">35% Complete (success)</span>
91+
</div>
92+
<div class="progress-bar progress-bar-warning progress-bar-striped" style="width: 20%">
93+
<span class="sr-only">20% Complete (warning)</span>
94+
</div>
95+
<div class="progress-bar progress-bar-danger" style="width: 10%">
96+
<span class="sr-only">10% Complete (danger)</span>
97+
</div>
10198
</div>
102-
</div>
10399
</div>

‎dist/_patterns/00-atoms/08-media/06-thumbnails.mustache

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
<a href="#" class="thumbnail">
2-
<img src="../../images/bootstrapthumb.jpg" alt="Generic placeholder thumbnail">
2+
<img src="{{ src }}" alt="{{ alt }}">
33
</a>
44

0 commit comments

Comments
 (0)