removed outline focus from tabs and downplayed tab color differentiation to be more like the header
This commit is contained in:
@@ -153,8 +153,15 @@ removing jquery ui ui-lightness styling
|
|||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
}
|
}
|
||||||
li {
|
li {
|
||||||
|
opacity: .8;
|
||||||
|
|
||||||
&:ui-state-active {
|
&:ui-state-active {
|
||||||
background-color: rgba(255, 255, 255, .3)
|
background-color: rgba(255, 255, 255, .3);
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
a:focus {
|
||||||
|
outline: none;
|
||||||
|
border: 0px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
/*
|
/*
|
||||||
|
|||||||
@@ -199,12 +199,13 @@
|
|||||||
text-align:center;
|
text-align:center;
|
||||||
width: auto;
|
width: auto;
|
||||||
@include linear-gradient(top, rgba(255, 255, 255, .4), rgba(255, 255, 255, 0));
|
@include linear-gradient(top, rgba(255, 255, 255, .4), rgba(255, 255, 255, 0));
|
||||||
background-color: tint($lightBluishGrey, 20%);
|
background-color: tint($lightBluishGrey, 10%);
|
||||||
@include box-shadow(0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset);
|
@include box-shadow(0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset);
|
||||||
opacity:.8;
|
opacity:.8;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
opacity:1;
|
opacity:1;
|
||||||
|
background-color: tint($lightBluishGrey, 20%);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.ui-state-active {
|
&.ui-state-active {
|
||||||
|
|||||||
Reference in New Issue
Block a user