Added grayscale filter until hover for tournament sponsor logos.

2025-04-01 15:50:11 -04:00 · 2014-05-19 22:07:36 -07:00 · 2014-05-19 22:07:36 -07:00 · 513a73c62e
commit 513a73c62e
parent b6406b9b0e
1 changed files with 16 additions and 0 deletions
--- a/app/styles/play/ladder/ladder.sass
+++ b/app/styles/play/ladder/ladder.sass
@ -24,6 +24,22 @@

    .sponsor-logos
      padding: 10px 15px 10px 15px
+
+      -webkit-filter: grayscale(100%)
+      -webkit-transition: .5s ease-in-out
+      -moz-filter: grayscale(100%) 
+      -moz-transition: .5s ease-in-out
+      -o-filter: grayscale(100%) 
+      -o-transition: .5s ease-in-out
+      filter: grayscale(100%)
+      transition: .5s ease-in-out
+
+      &:hover
+        -webkit-filter: grayscale(0%)
+        -moz-filter: grayscale(0%)
+        -o-filter: grayscale(0%)
+        filter: grayscale(0%)
+
      img
        margin: 0px 15px