From 09c9011aa30d666a6a91fe9642c08a71bc1be308 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Mon, 27 Dec 2021 16:05:30 +0300
Subject: [PATCH] Convert tailwind commands to css

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 .../layout/close-button.module.scss           | 27 ++++++++++++++++---
 1 file changed, 23 insertions(+), 4 deletions(-)

diff --git a/src/renderer/components/layout/close-button.module.scss b/src/renderer/components/layout/close-button.module.scss
index 33cc414c4f..57a7296339 100644
--- a/src/renderer/components/layout/close-button.module.scss
+++ b/src/renderer/components/layout/close-button.module.scss
@@ -20,14 +20,33 @@
  */
 
 .closeButton {
-  @apply w-[35px] h-[35px] grid place-items-center cursor-pointer border-2 rounded-full border-solid border-textDimmed
-    hover:bg-[#72767d25] active:translate-y-px;
+  width: 35px;
+  height: 35px;
+  display: grid;
+  place-items: center;
+  cursor: pointer;
+  border: 2px solid var(--textColorDimmed);
+  border-radius: 50%;
+
+  &:hover {
+    background-color: #72767d25;
+  }
+
+  &:active {
+    transform: translateY(1px);
+  }
 }
 
 .icon {
-  @apply text-textAccent opacity-60;
+  color: var(--textColorAccent);
+  opacity: 0.6;
 }
 
 .esc {
-  @apply text-center mt-3 font-bold text-lg select-none text-textDimmed pointer-events-none;
+  text-align: center;
+  margin-top: var(--margin);
+  font-weight: bold;
+  user-select: none;
+  color: var(--textColorDimmed);
+  pointer-events: none;
 }
\ No newline at end of file