nav-tabs: welcome to the gradient
This commit is contained in:
parent
2dfe95793a
commit
f314bdfe1c
2 changed files with 11 additions and 12 deletions
|
@ -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>
|
|
@ -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 {
|
||||
|
|
Loading…
Reference in a new issue