Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

use pills instead of navbars

  • Loading branch information...
commit 597fb9370842432d8bfd3fd021df417e2c0d4a44 1 parent 51a07f3
Rob Fletcher authored
View
4 src/docs/javascripts/betamax.js
@@ -22,7 +22,7 @@ $(document).ready(function() {
// create a navbar for each tab container
$('.tab-content').each(function() {
- var tabs = $('<ul class="nav"></ul>');
+ var tabs = $('<ul class="nav nav-pills"></ul>');
$(this).children().each(function() {
var tab = $('<li></li>');
tab.append($('<a></a>', {
@@ -36,8 +36,6 @@ $(document).ready(function() {
tabs.append(tab);
});
tabs.insertBefore(this)
- .wrapAll('<div class="navbar"></div>')
- .wrapAll('<div class="navbar-inner"></div>')
.find('li:first-child a').tab('show');
});
View
2  src/docs/stylesheets/betamax.css
1 addition, 1 deletion not shown
View
28 src/docs/stylesheets/betamax.less
@@ -43,6 +43,10 @@
@tabletMax: 979px;
@desktopMin: 980px;
+// additional colors
+@navHoverBackground: lighten(gold, 20%);
+@navActiveBackground: orange;
+
// apply a natural box layout model to all elements
// http://paulirish.com/2012/box-sizing-border-box-ftw/
* {
@@ -193,11 +197,11 @@ dl {
color: @grayDarker;
}
a:hover {
- background-color: lighten(gold, 20%);
+ background-color: @navHoverBackground;
}
> .active > a,
> .active > a:hover {
- background-color: orange;
+ background-color: @navActiveBackground;
}
}
}
@@ -236,23 +240,9 @@ dl {
}
}
- .navbar {
- margin-bottom: 0;
- .navbar-inner {
- .border-radius(4px 4px 0 0);
- }
- }
-
- .tab-content {
- .well;
- .border-radius(0 0 4px 4px);
- border-top: none;
- }
-
- .tab-pane {
- > :last-child {
- margin-bottom: 0;
- }
+ .nav {
+ margin-top: 24px;
+ margin-bottom: 12px;
}
ul, ol {
Please sign in to comment.
Something went wrong with that request. Please try again.