kotovalexarian-likes-github/twbs--bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
Code Releases Activity

improve navbar toggle and hide code snippets on mobile devices for now

Browse source
This commit is contained in:
Mark Otto 2013-03-01 00:18:10 -08:00
parent 2e3ba4afe6
commit 492c249537
4 changed files with 20 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
docs/assets/css/bootstrap.css vendored
View file

@ -3217,7 +3217,7 @@ button.close {
display: block;
width: 22px;
height: 2px;
background-color: #fff;
background-color: #ccc;
border-radius: 1px;
}
@ -3331,6 +3331,10 @@ button.close {
background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-inverse .nav > .divider {
background-color: #151515;
border-bottom-color: #2f2f2f;

10
docs/assets/css/docs.css
View file

@ -592,6 +592,16 @@ input.focused {
/* Responsive variations
-------------------------------------------------- */
/* Hide code snippets on mobile devices */
@media screen and (max-width: 480px) {
.bs-docs-example {
border-radius: 4px;
}
.highlight {
display: none;
}
}
/* Tablets and up */
@media screen and (min-width: 768px) {

2
docs/css.html
View file

@ -2228,7 +2228,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
</div>
<p class="lead">For faster mobile-friendly development, use these utility classes for showing and hiding content by device via media query.</p>
<table class="table table-bordered table-striped responsive-utilities">
<table class="table table-bordered table-striped responsive-utilities hidden-phone">
<thead>
<tr>
<th>Class</th>

5
less/navbar.less
View file

@ -114,7 +114,7 @@
display: block;
width: 22px;
height: 2px;
background-color: #fff;
background-color: #ccc;
border-radius: 1px;
}
.icon-bar + .icon-bar {
@ -230,6 +230,9 @@
&:focus {
background-color: #333;
}
.icon-bar {
background-color: #fff;
}
}
// Darken dividers