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>
<% end %>
</div>
<div class="page-tabs">
<ul class="nav nav-tabs" role="tablist">
<% for tab in @tabs: %>
<li><a href="#<%= tab.target %>" role="tab" data-toggle="tab"><%- @T( tab.name ) %></a></li>
<% end %>
</ul>
</div>
<div class="page-content">
<div class="page-tabs">
<ul class="nav nav-tabs" role="tablist">
<% for tab in @tabs: %>
<li><a href="#<%= tab.target %>" role="tab" data-toggle="tab"><%- @T( tab.name ) %></a></li>
<% end %>
</ul>
</div>
<div class="tab-content"></div>
</div>

View file

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