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

Commit

Permalink
Add navs
Browse files Browse the repository at this point in the history
  • Loading branch information
degouville committed Mar 13, 2016
1 parent e0f9a78 commit 49708ea
Show file tree
Hide file tree
Showing 7 changed files with 120 additions and 143 deletions.
26 changes: 26 additions & 0 deletions snippets/components/navs/dropdown.sublime-snippet
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
<snippet>
<content><![CDATA[
<ul class="nav nav-tabs">
<li class="nav-item">
<a href="${1:#}" class="nav-link active">${2:Active}</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="${3:#}">${4:Action}</a>
<a class="dropdown-item" href="${3:#}">${4:Another action}</a>
<a class="dropdown-item" href="${3:#}">${4:Something else here}</a>
${5:<div class="dropdown-divider"></div>}
<a class="dropdown-item" href="${3:#}">${4:Separated link}</a>
</div>
</li>
<li class="nav-item">
<a href="${1:#}" class="nav-link">${2:Another link}</a>
</li>
<li class="nav-item">
<a href="${1:#}" class="nav-link disabled">${2:Disabled}</a>
</li>
</ul>
]]></content>
<tabTrigger>nav:dropdown</tabTrigger>
</snippet>
11 changes: 11 additions & 0 deletions snippets/components/navs/inline.sublime-snippet
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<snippet>
<content><![CDATA[
<nav class="nav">
<a class="nav-link active" href="${1:#}">${2:Active}</a>
<a class="nav-link" href="${1:#}">${2:Link}</a>
<a class="nav-link" href="${1:#}">${2:Another link}</a>
<a class="nav-link disabled" href="${1:#}">${3:Disabled}</a>
</nav>
]]></content>
<tabTrigger>nav:inline</tabTrigger>
</snippet>
143 changes: 0 additions & 143 deletions snippets/components/navs/nav.sublime-snippet
Original file line number Diff line number Diff line change
Expand Up @@ -17,146 +17,3 @@
]]></content>
<tabTrigger>nav</tabTrigger>
</snippet>


<!--
# Navs
'Nav - Bootstrap 4':
'prefix': 'nav'
'body': """
<ul class="nav">
<li class="nav-item">
<a class="nav-link" href="${1:#}">${2:Link}</a>
</li>
<li class="nav-item">
<a class="nav-link" href="${1:#}">${2:Link}</a>
</li>
<li class="nav-item">
<a class="nav-link" href="${1:#}">${2:Another link}</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="${1:#}">${3:Disabled}</a>
</li>
</ul>
"""
'Nav inline - Bootstrap 4':
'prefix': 'navin'
'body': """
<nav class="nav">
<a class="nav-link active" href="${1:#}">${2:Active}</a>
<a class="nav-link" href="${1:#}">${2:Link}</a>
<a class="nav-link" href="${1:#}">${2:Another link}</a>
<a class="nav-link disabled" href="${1:#}">${3:Disabled}</a>
</nav>
"""
'Nav tabs - Bootstrap 4':
'prefix': 'navtb'
'body': """
<ul class="nav nav-tabs">
<li class="nav-item">
<a href="${1:#}" class="nav-link active">${2:Active}</a>
</li>
<li class="nav-item">
<a href="${1:#}" class="nav-link">${2:Link}</a>
</li>
<li class="nav-item">
<a href="${1:#}" class="nav-link">${2:Another link}</a>
</li>
<li class="nav-item disabled">
<a href="${1:#}" class="nav-link">${3:Disabled}</a>
</li>
</ul>
"""
'Nav pills - Bootstrap 4':
'prefix': 'navpl'
'body': """
<ul class="nav nav-pills">
<li class="nav-item">
<a href="${1:#}" class="nav-link active">${2:Active}</a>
</li>
<li class="nav-item">
<a href="${1:#}" class="nav-link">${2:Link}</a>
</li>
<li class="nav-item">
<a href="${1:#}" class="nav-link">${2:Another link}</a>
</li>
<li class="nav-item">
<a href="${1:#}" class="nav-link disabled">${3:Disabled}</a>
</li>
</ul>
"""
'Nav pills stacked - Bootstrap 4':
'prefix': 'navplsk'
'body': """
<ul class="nav nav-pills nav-stacked">
<li class="nav-item">
<a href="${1:#}" class="nav-link active">${2:Active}</a>
</li>
<li class="nav-item">
<a href="${1:#}" class="nav-link">${2:Link}</a>
</li>
<li class="nav-item">
<a href="${1:#}" class="nav-link">${2:Another link}</a>
</li>
<li class="nav-item">
<a href="${1:#}" class="nav-link disabled">${3:Disabled}</a>
</li>
</ul>
"""
'Nav tabs w/ dropdown - Bootstrap 4':
'prefix': 'navtbdd'
'body': """
<ul class="nav nav-tabs">
<li class="nav-item">
<a href="${1:#}" class="nav-link active">${2:Active}</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="${3:#}">${4:Action}</a>
<a class="dropdown-item" href="${3:#}">${4:Another action}</a>
<a class="dropdown-item" href="${3:#}">${4:Something else here}</a>
${5:<div class="dropdown-divider"></div>}
<a class="dropdown-item" href="${3:#}">${4:Separated link}</a>
</div>
</li>
<li class="nav-item">
<a href="${1:#}" class="nav-link">${2:Another link}</a>
</li>
<li class="nav-item">
<a href="${1:#}" class="nav-link disabled">${2:Disabled}</a>
</li>
</ul>
"""
'Nav pills w/ dropdown - Bootstrap 4':
'prefix': 'navpldd'
'body': """
<ul class="nav nav-pills">
<li class="nav-item">
<a href="${1:#}" class="nav-link active">${2:Active}</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="${3:#}" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="${3:#}">${4:Action}</a>
<a class="dropdown-item" href="${3:#}">${4:Another action}</a>
<a class="dropdown-item" href="${3:#}">${4:Something else here}</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="${3:#}">${4:Separated link}</a>
</div>
</li>
<li class="nav-item">
<a href="${1:#}" class="nav-link">${2:Another link}</a>
</li>
<li class="nav-item">
<a href="${1:#}" class="nav-link disabled">${2:Disabled}</a>
</li>
</ul>
"""
-->
26 changes: 26 additions & 0 deletions snippets/components/navs/pills-dropdown.sublime-snippet
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
<snippet>
<content><![CDATA[
<ul class="nav nav-pills">
<li class="nav-item">
<a href="${1:#}" class="nav-link active">${2:Active}</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="${3:#}" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="${3:#}">${4:Action}</a>
<a class="dropdown-item" href="${3:#}">${4:Another action}</a>
<a class="dropdown-item" href="${3:#}">${4:Something else here}</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="${3:#}">${4:Separated link}</a>
</div>
</li>
<li class="nav-item">
<a href="${1:#}" class="nav-link">${2:Another link}</a>
</li>
<li class="nav-item">
<a href="${1:#}" class="nav-link disabled">${2:Disabled}</a>
</li>
</ul>
]]></content>
<tabTrigger>nav:pills:dropdown</tabTrigger>
</snippet>
19 changes: 19 additions & 0 deletions snippets/components/navs/pills-stacked.sublime-snippet
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
<snippet>
<content><![CDATA[
<ul class="nav nav-pills nav-stacked">
<li class="nav-item">
<a href="${1:#}" class="nav-link active">${2:Active}</a>
</li>
<li class="nav-item">
<a href="${1:#}" class="nav-link">${2:Link}</a>
</li>
<li class="nav-item">
<a href="${1:#}" class="nav-link">${2:Another link}</a>
</li>
<li class="nav-item">
<a href="${1:#}" class="nav-link disabled">${3:Disabled}</a>
</li>
</ul>
]]></content>
<tabTrigger>nav:pills:stacked</tabTrigger>
</snippet>
19 changes: 19 additions & 0 deletions snippets/components/navs/pills.sublime-snippet
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
<snippet>
<content><![CDATA[
<ul class="nav nav-pills">
<li class="nav-item">
<a href="${1:#}" class="nav-link active">${2:Active}</a>
</li>
<li class="nav-item">
<a href="${1:#}" class="nav-link">${2:Link}</a>
</li>
<li class="nav-item">
<a href="${1:#}" class="nav-link">${2:Another link}</a>
</li>
<li class="nav-item">
<a href="${1:#}" class="nav-link disabled">${3:Disabled}</a>
</li>
</ul>
]]></content>
<tabTrigger>nav:pills</tabTrigger>
</snippet>
19 changes: 19 additions & 0 deletions snippets/components/navs/tabs.sublime-snippet
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
<snippet>
<content><![CDATA[
<ul class="nav nav-tabs">
<li class="nav-item">
<a href="${1:#}" class="nav-link active">${2:Active}</a>
</li>
<li class="nav-item">
<a href="${1:#}" class="nav-link">${2:Link}</a>
</li>
<li class="nav-item">
<a href="${1:#}" class="nav-link">${2:Another link}</a>
</li>
<li class="nav-item disabled">
<a href="${1:#}" class="nav-link">${3:Disabled}</a>
</li>
</ul>
]]></content>
<tabTrigger>nav:tabs</tabTrigger>
</snippet>

0 comments on commit 49708ea

Please sign in to comment.