From 9e90b614c7ce1124c5331d257d0c04426411d3cd Mon Sep 17 00:00:00 2001
From: Shagen Ogandzhanian <shagen.ogandzhanian@jetbrains.com>
Date: Wed, 21 Jul 2021 14:46:04 +0200
Subject: [PATCH] moving "div" and "p"

---
 .../src/jsMain/kotlin/com/sample/Main.kt            | 13 +++++++++++++
 .../web_grid_animation/src/jsMain/resources/app.css | 12 ------------
 2 files changed, 13 insertions(+), 12 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 dd4dfe7986..3c19452750 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
@@ -47,6 +47,19 @@ object AppStyleSheet: StyleSheet() {
             position(Position.Relative)
             paddingBottom(86.66.percent)
         }
+
+        "div" style {
+            position(Position.Absolute)
+            width(50.percent)
+            property("font-size", "calc(15vw/var(--columns))")
+            property("transform", "skewy(-30deg)")
+            marginTop(14.percent)
+            padding(3.percent)
+        }
+
+        "p" style {
+            fontSize(2.em)
+        }
     }
 }
 
diff --git a/examples/web_grid_animation/src/jsMain/resources/app.css b/examples/web_grid_animation/src/jsMain/resources/app.css
index 2b53314947..fc62ff2d8c 100644
--- a/examples/web_grid_animation/src/jsMain/resources/app.css
+++ b/examples/web_grid_animation/src/jsMain/resources/app.css
@@ -26,18 +26,6 @@ li:before{
   background-size: 40%;
   background-repeat: no-repeat;
 }
-div{
-  position: absolute;
-  width: 50%;
-  font-size: calc(15vw/var(--columns));
-  transform: skewy(-30deg);
-  margin-top: 14%;
-  padding: 3%;
-}
-
-p{
-  font-size: 2em;
-}
 
 li > img{
   position: absolute;