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,7 +10,6 @@
|
||||||
</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: %>
|
||||||
|
@ -18,5 +17,6 @@
|
||||||
<% end %>
|
<% end %>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="page-content">
|
||||||
<div class="tab-content"></div>
|
<div class="tab-content"></div>
|
||||||
</div>
|
</div>
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue