assets/stylesheets/materialize/components/_tabs.scss in materialize-sass-1.0.0.alpha4 vs assets/stylesheets/materialize/components/_tabs.scss in materialize-sass-1.0.0.beta
- old
+ new
@@ -43,10 +43,16 @@
padding: 0;
margin: 0;
text-transform: uppercase;
a {
+ &:focus,
+ &:focus.active {
+ background-color: transparentize($tabs-underline-color, .8);
+ outline: none;
+ }
+
&:hover,
&.active {
background-color: transparent;
color: $tabs-text-color;
}
@@ -57,10 +63,10 @@
height: 100%;
padding: 0 24px;
font-size: 14px;
text-overflow: ellipsis;
overflow: hidden;
- transition: color .28s ease;
+ transition: color .28s ease, background-color .28s ease;
}
&.disabled a,
&.disabled a:hover {
color: rgba($tabs-text-color, .4);