From 20b68aff0664b767c23ae94d4920e6f6fa26e1d3 Mon Sep 17 00:00:00 2001 From: Joakim Hedlund Date: Sat, 17 Oct 2020 12:17:12 +0200 Subject: [PATCH] Use a cursor pointer when columns not expanded --- main.css | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/main.css b/main.css index d361c97..5cca3ac 100644 --- a/main.css +++ b/main.css @@ -620,17 +620,23 @@ body { /* Add shadows to create the "card" effect */ box-shadow: 0 4px 8px 0 rgba(0,0,0,.1); background-color: #ddd; - transition: box-shadow 0.1s ease-in-out; - + transition: box-shadow 0.1s ease-in-out; } + /* On mouse-over, add a deeper shadow */ .column:hover { box-shadow: 0 8px 16px 0 rgba(0,0,0,.3); + border: } .column:active{ box-shadow: 0 8px 16px 0 rgba(0,0,0,.5); } + + /* When the columns are inactive, make behave link-like */ + .column:not(.in-animation) { + cursor: pointer; + } .column > h2 {color:black;}