FlandreScarle7/Font-Awesome
1
0
Fork 0
mirror of https://github.com/FortAwesome/Font-Awesome.git synced 2025-01-14 01:00:27 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

swapping fa-reorder in the place of icon-bar

Browse Source
This commit is contained in:
davegandy 2013-10-23 10:32:25 -04:00
parent bc01f2f8c6
commit 9b7cf32a85
3 changed files with 16 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/_includes/navbar.html
View File

@ -3,9 +3,7 @@
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span> <span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span> <i class="fa fa-reorder fa-lg"></i>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button> </button>
<a class="navbar-brand" href="{{ page.relative_path }}"><i class="fa fa-flag"></i> Font Awesome</a> <a class="navbar-brand" href="{{ page.relative_path }}"><i class="fa fa-flag"></i> Font Awesome</a>
</div> </div>

14
src/assets/less/site/bootstrap/navbar.less
View File

@ -17,3 +17,17 @@
} }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: @jumbotron-border; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: @jumbotron-border; }
.navbar-inverse .navbar-toggle {
color: @jumbotron-color;
text-shadow: 0 1px 0 rgba(0,0,0,0.15);
padding: 4px 10px;
margin-top: 5px;
margin-bottom: 5px;
&:hover {
background-color: mix(@jumbotron-color, @jumbotron-bg, 95%);
border-color: mix(@jumbotron-color, @jumbotron-bg, 95%);
color: @jumbotron-bg;
text-shadow: 0 -1px 0 @jumbotron-color;
}
}

3
src/assets/less/site/bootstrap/variables.less
View File

@ -89,8 +89,7 @@
@navbar-inverse-link-active-bg: @navbar-inverse-border; @navbar-inverse-link-active-bg: @navbar-inverse-border;
// Inverted navbar toggle // Inverted navbar toggle
@navbar-inverse-toggle-hover-bg: @fa-green-dark; @navbar-inverse-toggle-hover-bg: @jumbotron-color;
@navbar-inverse-toggle-icon-bar-bg: @jumbotron-color;
@navbar-inverse-toggle-border-color: mix(@jumbotron-color, @fa-green, 75%); @navbar-inverse-toggle-border-color: mix(@jumbotron-color, @fa-green, 75%);