From 6e555dfbad405d7cbcde610b83415d2df851e1c8 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Fri, 4 Aug 2023 22:21:43 +0200
Subject: [PATCH] Created the CharCounter styles.sass

---
 .../pages/tools/text/CharCounter/styles.sass  | 24 +++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 client/src/pages/tools/text/CharCounter/styles.sass

diff --git a/client/src/pages/tools/text/CharCounter/styles.sass b/client/src/pages/tools/text/CharCounter/styles.sass
new file mode 100644
index 0000000..d307a47
--- /dev/null
+++ b/client/src/pages/tools/text/CharCounter/styles.sass
@@ -0,0 +1,24 @@
+@import "@/common/styles/colors"
+
+.char-counter
+  display: flex
+  justify-content: space-between
+  margin-top: 1.5rem
+  gap: 1rem
+
+.counter-item
+  border: 1px solid $dark-gray
+  border-radius: 1rem
+  padding: 0 2rem
+  text-align: center
+
+  h2
+    color: $gray
+  span
+    color: $primary
+
+@media screen and (max-width: 768px)
+  .char-counter
+    flex-wrap: wrap
+  .counter-item
+    width: 100%
\ No newline at end of file