Tabs: Make all jquery UI tabs apply appearance by default

This commit is contained in:
Brian Federle 2013-10-08 13:38:06 -07:00
parent 5cb2ed3387
commit 62551a93b5
1 changed files with 32 additions and 0 deletions

View File

@ -20,12 +20,25 @@
list-style: none;
padding: 15px 40px;
margin: 0px;
a {
&:hover {
color: black;
text-decoration: none;
}
}
}
@mixin csui-tab-active {
background: lighten(#ccc, 15%);
border-radius: 8px 8px 0 0;
margin: 0;
a {
color: black;
text-decoration: none;
cursor: default;
}
}
@mixin csui-tabs {
@ -43,4 +56,23 @@
background: lighten(#ccc, 15%);
padding: 10px;
border-bottom: 1px solid #ccc;
}
// jQuery UI tabs
ul.ui-tabs-nav {
@include csui-tabs;
li {
@include csui-tab;
&.ui-state-active {
@include csui-tab-active;
}
}
}
.ui-tabs-panel {
&.ui-tabs-hide {
display: none;
}
}