Stop mobile card movement

mattkersley · Aug 31, 2024 · 49fc549 · 49fc549
1 parent 31893fa
commit 49fc549
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/_includes/head.html b/_includes/head.html
@@ -7,7 +7,7 @@
   <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
 
   <link href='https://fonts.googleapis.com/css?family=Esteban|Lato:400,900' rel='stylesheet' type='text/css'>
-  <link rel="stylesheet" href="{{ "/css/main.css?v=00003" | prepend: site.baseurl }}">
+  <link rel="stylesheet" href="{{ "/css/main.css?v=00004" | prepend: site.baseurl }}">
   <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
   <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
   {% include head--twitter-card.html %}

diff --git a/css/main.scss b/css/main.scss
@@ -86,11 +86,14 @@ h4 {
   overflow: hidden;
   text-shadow: 0 0 3px rgba(0,0,0,0.3);
   text-align: center;
-  transition: transform var(--anim-speed) ease-in-out;
-  transform: rotate3d(1,-0.5, 0, 0.1deg);
-
-  &:hover, .mobile-viewed {
-    transform: rotate3d(1,-0.5, 0, 15deg);
+
+  @media (min-width: 768px) {
+    transition: transform var(--anim-speed) ease-in-out;
+    transform: rotate3d(1,-0.5, 0, 0.1deg);
+
+    &:hover{
+      transform: rotate3d(1,-0.5, 0, 15deg);
+    }
   }
 }