From bd9a50e9c824e89d8a91fd54c8bc838cdfa796f6 Mon Sep 17 00:00:00 2001
From: Darin Dimitroff <d@thecrazyones.agency>
Date: Sun, 1 Jan 2017 16:39:14 +0200
Subject: Initial commit

---
 src/css/imports/_hovers.css | 71 +++++++++------------------------------------
 1 file changed, 13 insertions(+), 58 deletions(-)

(limited to 'src/css/imports/_hovers.css')

diff --git a/src/css/imports/_hovers.css b/src/css/imports/_hovers.css
index 7e9a64e..a10c718 100755
--- a/src/css/imports/_hovers.css
+++ b/src/css/imports/_hovers.css
@@ -1,33 +1,16 @@
-/*
-
-  HOVER EFFECTS
-  Docs: http://tachyons.io/docs/themes/hovers/
-
-    - Dim
-    - Hide Child
-    - Underline text
-    - Grow
-    - Pointer
-    - Shadow
-
-*/
-
-/*
-
-  Dim element on hover by adding the dim class.
-
-*/
-.dim {
-  opacity: 1;
-  transition: opacity .15s ease-in;
-}
-.dim:hover,
-.dim:focus {
-  opacity: .5;
-  transition: opacity .15s ease-in;
-}
-.dim:active {
-  opacity: .8; transition: opacity .15s ease-out;
+@media (--breakpoint-large) {
+  .raise {
+    transform: none;
+    transition: var(--hover-transition);
+  }
+  .raise:hover,
+  .raise:focus {
+    transform: translateY(-.1rem);
+    transition: var(--hover-transition);
+  }
+  .raise:active {
+    opacity: .5; transition: var(--hover-transition);
+  }
 }
 
 /*
@@ -101,31 +84,3 @@
 .pointer:hover {
   cursor: pointer;
 }
-
-/* 
-   Add shadow on hover.
-
-   Performant box-shadow animation pattern from 
-   http://tobiasahlin.com/blog/how-to-animate-box-shadow/ 
-*/
-
-.shadow-hover::after {
-  box-shadow: 0px 0px 8px 2px rgba( 0, 0, 0, .2 );
-  opacity: 0;
-  transition: opacity .25s ease-in-out;
-}
-
-.shadow-hover:hover::after,
-.shadow-hover:focus::after {
-  opacity: 1;
-}
-
-/* Combine with classes in skins and skins-pseudo for 
- * thousands of different transition possibilities. */
-
-.bg-animate,
-.bg-animate:hover,
-.bg-animate:focus {
-  transition: background-color .15s ease-in-out; 
-}
-
-- 
cgit v1.3