Skip to content
This repository was archived by the owner on Mar 2, 2024. It is now read-only.

Commit 5fac68e

Browse files
degouvilledegouville
committed
Add snippets
1 parent 96f9f4b commit 5fac68e

File tree

3 files changed

+114
-1
lines changed

3 files changed

+114
-1
lines changed

‎README.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -157,9 +157,9 @@ Start typing `<foo` in html files and the autocomplete window opens. It matches
157157
| Snippets | Descriptions |
158158
| :------------- | :------------------------------------ |
159159
| typography:text_muted | Generates a Text Muted |
160-
<!--
161160
| typography:display_heading | Generates a Display Heading |
162161
| typography:lead | Generates a Lead |
162+
<!--
163163
| typography:blockquotes | Generates a Blockquotes |
164164
| typography:blockquotes_reverse | Generates a Blockquotes Reverse |
165165
| typography:list_unstyled | Generates a List Unstyled |

‎snippets/content/typography/display_heading.sublime-snippet‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
<snippet>
2+
<content><![CDATA[
3+
<h1 class="display-${1:1|2|3|4}">$2</h1>
4+
]]></content>
5+
<tabTrigger>typography:display_heading</tabTrigger>
6+
</snippet>
7+
8+
<!--
9+
10+
11+
<p class="lead">
12+
${1:Lorem ipsum dolor sit amet, consectetur adipisicing elit. Integer posuere erat a ante.}
13+
</p>'
14+
15+
16+
<blockquote class="blockquote">
17+
<p>${1:Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.}</p>
18+
<footer>${2:Someone famous in} <cite title="${3:Source Title}">${3:Source Title}</cite></footer>
19+
</blockquote>
20+
21+
22+
<blockquote class="blockquote blockquote-reverse">
23+
<p>${1:Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.}</p>
24+
<footer>${2:Someone famous in} <cite title="${3:Source Title}">${3:Source Title}</cite></footer>
25+
</blockquote>
26+
27+
28+
<ul class="list-unstyled">
29+
<li>$1</li>
30+
<li>$2</li>
31+
<li>$3</li>
32+
</ul>
33+
34+
35+
<ul class="list-inline">
36+
<li>$1</li>
37+
<li>$2</li>
38+
<li>$3</li>
39+
</ul>
40+
41+
42+
<dt class="col-sm-3">${1:Description lists}</dt>
43+
<dl class="dl-horizontal">
44+
<dd class="col-sm-9">${2:A description list is perfect for defining terms.}</dd>
45+
46+
<dt class="col-sm-3">${3:Euismod}</dt>
47+
<dd class="col-sm-9">${4:Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.}</dd>
48+
49+
<dd class="col-sm-9 col-sm-offset-3">${5:Donec id elit non mi porta gravida at eget metus.}</dd>
50+
51+
<dt class="col-sm-3">${6:Malesuada porta}</dt>
52+
<dd class="col-sm-9">${7:Etiam porta sem malesuada magna mollis euismod.}</dd>
53+
54+
<dt class="col-sm-3 text-truncate">${8:Truncated term is truncated}</dt>
55+
<dd class="col-sm-9">${9:Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.}</dd>
56+
</dl>
57+
58+
-->

‎snippets/content/typography/lead.sublime-snippet‎

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
<snippet>
2+
<content><![CDATA[
3+
<p class="lead">
4+
${1:Lorem ipsum dolor sit amet, consectetur adipisicing elit. Integer posuere erat a ante.}
5+
</p>'
6+
]]></content>
7+
<tabTrigger>typography:lead</tabTrigger>
8+
</snippet>
9+
10+
<!--
11+
12+
13+
<blockquote class="blockquote">
14+
<p>${1:Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.}</p>
15+
<footer>${2:Someone famous in} <cite title="${3:Source Title}">${3:Source Title}</cite></footer>
16+
</blockquote>
17+
18+
19+
<blockquote class="blockquote blockquote-reverse">
20+
<p>${1:Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.}</p>
21+
<footer>${2:Someone famous in} <cite title="${3:Source Title}">${3:Source Title}</cite></footer>
22+
</blockquote>
23+
24+
25+
<ul class="list-unstyled">
26+
<li>$1</li>
27+
<li>$2</li>
28+
<li>$3</li>
29+
</ul>
30+
31+
32+
<ul class="list-inline">
33+
<li>$1</li>
34+
<li>$2</li>
35+
<li>$3</li>
36+
</ul>
37+
38+
39+
<dt class="col-sm-3">${1:Description lists}</dt>
40+
<dl class="dl-horizontal">
41+
<dd class="col-sm-9">${2:A description list is perfect for defining terms.}</dd>
42+
43+
<dt class="col-sm-3">${3:Euismod}</dt>
44+
<dd class="col-sm-9">${4:Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.}</dd>
45+
46+
<dd class="col-sm-9 col-sm-offset-3">${5:Donec id elit non mi porta gravida at eget metus.}</dd>
47+
48+
<dt class="col-sm-3">${6:Malesuada porta}</dt>
49+
<dd class="col-sm-9">${7:Etiam porta sem malesuada magna mollis euismod.}</dd>
50+
51+
<dt class="col-sm-3 text-truncate">${8:Truncated term is truncated}</dt>
52+
<dd class="col-sm-9">${9:Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.}</dd>
53+
</dl>
54+
55+
-->

0 commit comments

Comments
 (0)