Merge pull request #345 from picturepan2/0.4.7 v0.4.7

0.4.7

1 files changed, 19 insertions, 1 deletions

diff --git a/docs/dist/spectre-exp.css b/docs/dist/spectre-exp.css
index 58e7fb8..f4e2e8f 100644
--- a/docs/dist/spectre-exp.css
+++ b/docs/dist/spectre-exp.css
@@ -1,4 +1,4 @@
-/*! Spectre.css Experimentals v0.4.6 | MIT License | github.com/picturepan2/spectre */
+/*! Spectre.css Experimentals v0.4.7 | MIT License | github.com/picturepan2/spectre */
 .calendar {
   border: .05rem solid #e7e9ed;
   border-radius: .1rem;
@@ -211,6 +211,7 @@
   background: #f8f9fa;
   display: block;
   overflow: hidden;
+  -webkit-overflow-scrolling: touch; 
   position: relative;
   width: 100%;
 }
@@ -337,6 +338,7 @@
 .comparison-slider {
   height: 50vh;
   overflow: hidden;
+  -webkit-overflow-scrolling: touch; 
   position: relative;
   width: 100%;
 }
@@ -672,26 +674,31 @@
 .parallax .parallax-top-left {
   height: 50%;
   left: 0;
+  outline: none;
   position: absolute;
   top: 0; 
   width: 50%;
   z-index: 100;
 }
 
+.parallax .parallax-top-left:focus ~ .parallax-content,
 .parallax .parallax-top-left:hover ~ .parallax-content {
   transform: perspective(1000px) rotateX(3deg) rotateY(-3deg);
 }
 
+.parallax .parallax-top-left:focus ~ .parallax-content::before,
 .parallax .parallax-top-left:hover ~ .parallax-content::before {
   background: linear-gradient(135deg, rgba(255, 255, 255, .35) 0%, transparent 50%);
 }
 
+.parallax .parallax-top-left:focus ~ .parallax-content .parallax-front,
 .parallax .parallax-top-left:hover ~ .parallax-content .parallax-front {
   transform: translate3d(4.5px, 4.5px, 50px) scale(.95);
 }
 
 .parallax .parallax-top-right {
   height: 50%;
+  outline: none;
   position: absolute;
   right: 0;
   top: 0; 
@@ -699,14 +706,17 @@
   z-index: 100;
 }
 
+.parallax .parallax-top-right:focus ~ .parallax-content,
 .parallax .parallax-top-right:hover ~ .parallax-content {
   transform: perspective(1000px) rotateX(3deg) rotateY(3deg);
 }
 
+.parallax .parallax-top-right:focus ~ .parallax-content::before,
 .parallax .parallax-top-right:hover ~ .parallax-content::before {
   background: linear-gradient(-135deg, rgba(255, 255, 255, .35) 0%, transparent 50%);
 }
 
+.parallax .parallax-top-right:focus ~ .parallax-content .parallax-front,
 .parallax .parallax-top-right:hover ~ .parallax-content .parallax-front {
   transform: translate3d(-4.5px, 4.5px, 50px) scale(.95);
 }
@@ -715,19 +725,23 @@
   bottom: 0;
   height: 50%;
   left: 0; 
+  outline: none;
   position: absolute;
   width: 50%;
   z-index: 100;
 }
 
+.parallax .parallax-bottom-left:focus ~ .parallax-content,
 .parallax .parallax-bottom-left:hover ~ .parallax-content {
   transform: perspective(1000px) rotateX(-3deg) rotateY(-3deg);
 }
 
+.parallax .parallax-bottom-left:focus ~ .parallax-content::before,
 .parallax .parallax-bottom-left:hover ~ .parallax-content::before {
   background: linear-gradient(45deg, rgba(255, 255, 255, .35) 0%, transparent 50%);
 }
 
+.parallax .parallax-bottom-left:focus ~ .parallax-content .parallax-front,
 .parallax .parallax-bottom-left:hover ~ .parallax-content .parallax-front {
   transform: translate3d(4.5px, -4.5px, 50px) scale(.95);
 }
@@ -735,20 +749,24 @@
 .parallax .parallax-bottom-right {
   bottom: 0;
   height: 50%;
+  outline: none;
   position: absolute;
   right: 0; 
   width: 50%;
   z-index: 100;
 }
 
+.parallax .parallax-bottom-right:focus ~ .parallax-content,
 .parallax .parallax-bottom-right:hover ~ .parallax-content {
   transform: perspective(1000px) rotateX(-3deg) rotateY(3deg);
 }
 
+.parallax .parallax-bottom-right:focus ~ .parallax-content::before,
 .parallax .parallax-bottom-right:hover ~ .parallax-content::before {
   background: linear-gradient(-45deg, rgba(255, 255, 255, .35) 0%, transparent 50%);
 }
 
+.parallax .parallax-bottom-right:focus ~ .parallax-content .parallax-front,
 .parallax .parallax-bottom-right:hover ~ .parallax-content .parallax-front {
   transform: translate3d(-4.5px, -4.5px, 50px) scale(.95);
 }