From fbfad8301b6ab01cc144aeb4f7fea5f2ee0ece64 Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Sun, 26 Nov 2017 13:22:25 +0800
Subject: Add touch support to Parallax image hover effect

---
 src/_parallax.scss | 5 +++++
 1 file changed, 5 insertions(+)

(limited to 'src')

diff --git a/src/_parallax.scss b/src/_parallax.scss
index cb5e932..acc05be 100644
--- a/src/_parallax.scss
+++ b/src/_parallax.scss
@@ -9,6 +9,7 @@ $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;
@@ -61,6 +62,7 @@ $parallax-fade-color: rgba(255, 255, 255, .35) !default;
     left: 0;
     top: 0;
 
+    &:focus ~ .parallax-content,
     &:hover ~ .parallax-content {
       transform: perspective($parallax-perspective) rotateX($parallax-deg) rotateY(-$parallax-deg);
 
@@ -79,6 +81,7 @@ $parallax-fade-color: rgba(255, 255, 255, .35) !default;
     right: 0;
     top: 0;
 
+    &:focus ~ .parallax-content,
     &:hover ~ .parallax-content {
       transform: perspective($parallax-perspective) rotateX($parallax-deg) rotateY($parallax-deg);
 
@@ -97,6 +100,7 @@ $parallax-fade-color: rgba(255, 255, 255, .35) !default;
     bottom: 0;
     left: 0;
 
+    &:focus ~ .parallax-content,
     &:hover ~ .parallax-content {
       transform: perspective($parallax-perspective) rotateX(-$parallax-deg) rotateY(-$parallax-deg);
 
@@ -115,6 +119,7 @@ $parallax-fade-color: rgba(255, 255, 255, .35) !default;
     bottom: 0;
     right: 0;
 
+    &:focus ~ .parallax-content,
     &:hover ~ .parallax-content {
       transform: perspective($parallax-perspective) rotateX(-$parallax-deg) rotateY($parallax-deg);
 
-- 
cgit v1.3.1-23-gd82d