UX: remove outline on lightboxes

This commit is contained in:
Régis Hanol
2015-03-16 22:38:33 +01:00
parent 6be645e1ca
commit 177cbf392d
2 changed files with 4 additions and 1 deletions

View File

@ -11,6 +11,7 @@
.lightbox-wrapper { .lightbox-wrapper {
display: inline-block; display: inline-block;
&, * { outline: 0; }
} }
.meta { .meta {

View File

@ -96,7 +96,7 @@ $use-visuallyhidden: false !default; // Hide content from browsers,
height: 100%; height: 100%;
z-index: $z-index-base + 3; z-index: $z-index-base + 3;
position: fixed; position: fixed;
outline: none !important; outline: 0 !important;
-webkit-backface-visibility: hidden; // fixes webkit bug that can cause "false" scrollbar -webkit-backface-visibility: hidden; // fixes webkit bug that can cause "false" scrollbar
} }
@ -293,6 +293,7 @@ button {
&:hover, &:hover,
&:focus { &:focus {
opacity: 1; opacity: 1;
outline: 0;
@if $IE7support { @if $IE7support {
filter: unquote("alpha(opacity=#{1*100})"); filter: unquote("alpha(opacity=#{1*100})");
} }
@ -348,6 +349,7 @@ button {
} }
&:hover, &:hover,
&:focus { &:focus {
outline: 0;
opacity: 1; opacity: 1;
@if $IE7support { @if $IE7support {
filter: unquote("alpha(opacity=#{1*100})"); filter: unquote("alpha(opacity=#{1*100})");