_parallax.scss in spectre_scss-0.4.7.0

- old
+ new

@@ -7,10 +7,11 @@
 $parallax-fade-color: rgba(255, 255, 255, .35) !default;
 
 // Mixin: Parallax direction
 @mixin parallax-dir() {
   height: 50%;
+  outline: none;
   position: absolute;
   width: 50%;
   z-index: $zindex-1;
 }
 
@@ -59,10 +60,11 @@
   .parallax-top-left {
     @include parallax-dir();
     left: 0;
     top: 0;
 
+    &:focus ~ .parallax-content,
     &:hover ~ .parallax-content {
       transform: perspective($parallax-perspective) rotateX($parallax-deg) rotateY(-$parallax-deg);
 
       &::before {
         background: linear-gradient(135deg, $parallax-fade-color 0%, transparent 50%);
@@ -77,10 +79,11 @@
   .parallax-top-right {
     @include parallax-dir();
     right: 0;
     top: 0;
 
+    &:focus ~ .parallax-content,
     &:hover ~ .parallax-content {
       transform: perspective($parallax-perspective) rotateX($parallax-deg) rotateY($parallax-deg);
 
       &::before {
         background: linear-gradient(-135deg, $parallax-fade-color 0%, transparent 50%);
@@ -95,10 +98,11 @@
   .parallax-bottom-left {
     @include parallax-dir();
     bottom: 0;
     left: 0;
 
+    &:focus ~ .parallax-content,
     &:hover ~ .parallax-content {
       transform: perspective($parallax-perspective) rotateX(-$parallax-deg) rotateY(-$parallax-deg);
 
       &::before {
         background: linear-gradient(45deg, $parallax-fade-color 0%, transparent 50%);
@@ -113,9 +117,10 @@
   .parallax-bottom-right {
     @include parallax-dir();
     bottom: 0;
     right: 0;
 
+    &:focus ~ .parallax-content,
     &:hover ~ .parallax-content {
       transform: perspective($parallax-perspective) rotateX(-$parallax-deg) rotateY($parallax-deg);
 
       &::before {
         background: linear-gradient(-45deg, $parallax-fade-color 0%, transparent 50%);