nav-tabs: welcome to the gradient

This commit is contained in:
Felix Niklas 2015-11-17 17:35:55 +01:00
parent 2dfe95793a
commit f314bdfe1c
2 changed files with 11 additions and 12 deletions

View file

@ -10,13 +10,13 @@
</div> </div>
<% end %> <% end %>
</div> </div>
<div class="page-content"> <div class="page-tabs">
<div class="page-tabs">
<ul class="nav nav-tabs" role="tablist"> <ul class="nav nav-tabs" role="tablist">
<% for tab in @tabs: %> <% for tab in @tabs: %>
<li><a href="#<%= tab.target %>" role="tab" data-toggle="tab"><%- @T( tab.name ) %></a></li> <li><a href="#<%= tab.target %>" role="tab" data-toggle="tab"><%- @T( tab.name ) %></a></li>
<% end %> <% end %>
</ul> </ul>
</div> </div>
<div class="page-content">
<div class="tab-content"></div> <div class="tab-content"></div>
</div> </div>

View file

@ -1832,8 +1832,7 @@ kbd {
} }
.main--tabs .page-header { .main--tabs .page-header {
background: hsl(200,12%,95%); padding: 20px 20px 0;
padding: 20px;
overflow: hidden; overflow: hidden;
margin: 0; margin: 0;
} }
@ -1844,9 +1843,9 @@ kbd {
.page-tabs { .page-tabs {
display: flex; display: flex;
margin: -20px -20px 30px; margin: 0 0 30px;
padding: 0 20px; padding: 20px 20px 0;
background: hsl(200,12%,95%); background: linear-gradient(hsla(200,12%,94%,0), hsl(200,12%,94%));
border-bottom: 1px solid hsl(200,12%,89%); border-bottom: 1px solid hsl(200,12%,89%);
.nav-tabs li.active { .nav-tabs li.active {