From 407bbc5dabd3b6a2ae30197c86b652cec43748ec Mon Sep 17 00:00:00 2001 From: ajuvercr Date: Thu, 10 Sep 2020 22:02:18 +0200 Subject: [PATCH] add slight hover animation --- content/search.html.erb | 2 -- content/stylesheets/main.css | 5 ++++- layouts/quiz.erb | 4 ++-- 3 files changed, 6 insertions(+), 5 deletions(-) diff --git a/content/search.html.erb b/content/search.html.erb index bed1e8f..e0059cc 100644 --- a/content/search.html.erb +++ b/content/search.html.erb @@ -72,8 +72,6 @@ function ready() { if(html) { create_wrapper.innerHTML = html; div.appendChild(create_wrapper.firstChild); - - console.log(create_wrapper.firstChild); } } } diff --git a/content/stylesheets/main.css b/content/stylesheets/main.css index c05420f..ae79f59 100644 --- a/content/stylesheets/main.css +++ b/content/stylesheets/main.css @@ -283,15 +283,18 @@ fieldset p label input { border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); + transition: 0.3s; + transition-property: box-shadow; + margin: 30px auto; gap: 20px; - padding: 0.5rem; } .link:hover { cursor: pointer; + box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); } .link__img { diff --git a/layouts/quiz.erb b/layouts/quiz.erb index 0b4c679..0adc96a 100644 --- a/layouts/quiz.erb +++ b/layouts/quiz.erb @@ -14,10 +14,10 @@