Fixes LMS-2352 by unifying :hover and :focus styles.

This commit is contained in:
Dave St.Germain
2014-03-14 11:49:00 -04:00
parent ac6b9f8e2a
commit dbd4e73b04
23 changed files with 54 additions and 54 deletions

View File

@@ -34,7 +34,7 @@
color: #666;
}
&.ui-state-hover {
&.ui-state-hover, &.ui-state-focus {
a {
color: #666;
}

View File

@@ -467,7 +467,7 @@ section.instructor-dashboard-content-2 {
color: $lighter-base-font-color;
cursor: pointer;
&:hover {
&:hover, &:focus {
color: $alert-color;
}
}

View File

@@ -65,7 +65,7 @@ div.calc-main {
-webkit-appearance: none;
width: flex-grid(.5) + flex-gutter();
&:hover {
&:hover, &:focus {
color: #333;
}
}

View File

@@ -108,7 +108,7 @@ header.global.slim {
text-shadow: 0 -1px rgba(0, 0, 0, 0.6);
vertical-align: middle;
&:hover, &.active {
&:hover, &:active, &:focus {
@include background-image(linear-gradient(-90deg, $link-color, $link-color 50%, $link-color 50%, $link-color 100%));
}
}

View File

@@ -38,7 +38,7 @@
box-shadow: 0 1px 0 rgba($white, .3) inset, 0 0 0 rgba($black, 0);
padding: ($baseline/2) $baseline;
&:hover, &.active {
&:hover, &:active, &:focus {
text-decoration: none;
}
@@ -54,7 +54,7 @@
background-color: $action-primary-bg;
color: $action-primary-fg;
&:hover, &.active {
&:hover, &:active, &:focus {
background-color: $action-primary-focused-bg;
color: $action-primary-focused-fg;
}
@@ -129,7 +129,7 @@
background: shade($error-color, 25%);
color: $white;
&:hover, &:active {
&:hover, &:active, &:focus {
background: $error-color;
color: $white;
}

View File

@@ -90,7 +90,7 @@
text-shadow: none;
color: inherit;
&:hover {
&:hover, &:focus {
color: $action-primary-bg;
}
}

View File

@@ -24,7 +24,7 @@
@include transition(all 0.15s linear 0s);
text-transform: lowercase;
&:hover, &.active, &:focus {
&:hover, &:active, &:focus {
border-color: rgb(200,200,200);
color: $base-font-color;
text-decoration: none;

View File

@@ -67,7 +67,7 @@
text-shadow: 0 1px rgba(255,255,255, 0.6);
text-transform: none;
&:hover {
&:hover, &:focus {
color: $link-color;
}
}
@@ -84,7 +84,7 @@
text-shadow: 0 1px rgba(255,255,255, 0.6);
text-transform: none;
&:hover {
&:hover, &:focus {
color: $link-color;
}
}
@@ -110,13 +110,13 @@
text-align: center;
width: flex-grid(6);
&:hover {
&:hover, &:focus {
color: rgb(255,255,255);
}
}
a {
&:hover, &:visited {
&:hover, &:visited, &:focus {
text-decoration: none;
}
}
@@ -134,7 +134,7 @@
text-align: center;
width: flex-grid(3, 8);
&:hover {
&:hover, &:focus {
color: rgb(255,255,255);
}
}
@@ -261,7 +261,7 @@
margin-left: 0px;
}
&:hover, &.active, &:focus {
&:hover, &:active, &:focus {
border-color: $border-color-2;
color: $base-font-color;
text-decoration: none;

View File

@@ -71,7 +71,7 @@
display: block;
}
a:hover {
a:hover, a:focus {
text-decoration: none;
}
@@ -116,7 +116,7 @@
display: block;
height: 50px;
&:hover {
&:hover, &:focus {
@include background-image(linear-gradient(-90deg, rgba(255,255,255, 1), rgba(255,255,255, 0.8)));
text-decoration: none;

View File

@@ -98,7 +98,7 @@ header.global {
margin-right: 0px;
}
&:hover, &:focus, &.active {
&:hover, &:focus, &:active {
background: $button-bg-hover-color;
}
}

View File

@@ -33,7 +33,7 @@
@extend %ui-fake-link;
color: $m-blue-d2;
&:hover {
&:hover, &:focus {
color: $m-blue;
}
}