Created the CharCounter styles.sass

2023-08-04 22:21:43 +02:00 · 2023-08-04 22:21:43 +02:00 · 6e555dfbad
commit 6e555dfbad
parent 600e1de8ed
1 changed files with 24 additions and 0 deletions
--- a/client/src/pages/tools/text/CharCounter/styles.sass
+++ 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%