From 31438be197386fbbb3f29e72be70f9777964cf74 Mon Sep 17 00:00:00 2001
From: Shagen Ogandzhanian <shagen.ogandzhanian@jetbrains.com>
Date: Wed, 21 Jul 2021 14:49:57 +0200
Subject: [PATCH] li > img

---
 .../src/jsMain/kotlin/com/sample/Main.kt              | 11 +++++++++++
 .../web_grid_animation/src/jsMain/resources/app.css   | 11 +----------
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/examples/web_grid_animation/src/jsMain/kotlin/com/sample/Main.kt b/examples/web_grid_animation/src/jsMain/kotlin/com/sample/Main.kt
index 3c19452750..a7b76f4275 100644
--- a/examples/web_grid_animation/src/jsMain/kotlin/com/sample/Main.kt
+++ b/examples/web_grid_animation/src/jsMain/kotlin/com/sample/Main.kt
@@ -60,6 +60,17 @@ object AppStyleSheet: StyleSheet() {
         "p" style {
             fontSize(2.em)
         }
+
+        "li > img" {
+            position(Position.Absolute)
+            left(50.percent)
+            property("transform", "translateX(-50%)")
+            width(62.percent)
+            property("bottom", "-10%")
+            property("filter", "drop-shadow(0 50px 20px rgba(0, 0, 0, 0.20))")
+            property("transition-property", "bottom, filter")
+            property("transition-duration", ".3s")
+        }
     }
 }
 
diff --git a/examples/web_grid_animation/src/jsMain/resources/app.css b/examples/web_grid_animation/src/jsMain/resources/app.css
index fc62ff2d8c..1dd3ec4fc6 100644
--- a/examples/web_grid_animation/src/jsMain/resources/app.css
+++ b/examples/web_grid_animation/src/jsMain/resources/app.css
@@ -27,16 +27,7 @@ li:before{
   background-repeat: no-repeat;
 }
 
-li > img{
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  width: 62%;
-  bottom: -10%;
-  filter: drop-shadow(0 50px 20px rgba(0, 0, 0, 0.20));
-  transition-property: bottom, filter, -webkit-filter;
-  transition-duration: .3s;
-}
+
 
 li > img:hover{
   bottom: 0;