From 4b8831306f99b8f5de176e882d128e1c290fe612 Mon Sep 17 00:00:00 2001
From: Apostolof <apotwohd@gmail.com>
Date: Sat, 14 Nov 2020 19:58:06 +0200
Subject: [PATCH] Add css for style debugging

---
 .../concordia-app/src/utils/styles.debug.css  | 71 +++++++++++++++++++
 1 file changed, 71 insertions(+)
 create mode 100644 packages/concordia-app/src/utils/styles.debug.css

diff --git a/packages/concordia-app/src/utils/styles.debug.css b/packages/concordia-app/src/utils/styles.debug.css
new file mode 100644
index 0000000..2488391
--- /dev/null
+++ b/packages/concordia-app/src/utils/styles.debug.css
@@ -0,0 +1,71 @@
+* {
+    outline: 2px dotted red
+}
+
+* * {
+    outline: 2px dotted green
+}
+
+* * * {
+    outline: 2px dotted orange
+}
+
+* * * * {
+    outline: 2px dotted blue
+}
+
+* * * * * {
+    outline: 1px solid red
+}
+
+* * * * * * {
+    outline: 1px solid green
+}
+
+* * * * * * * {
+    outline: 1px solid orange
+}
+
+* * * * * * * * {
+    outline: 1px solid blue
+}
+
+/* Solid Green */
+* *:hover {
+    border: 2px solid #89A81E
+}
+
+/* Solid Orange */
+* * *:hover {
+    border: 2px solid #F34607
+}
+
+/* Solid Blue */
+* * * *:hover {
+    border: 2px solid #5984C3
+}
+
+/* Solid Red */
+* * * * *:hover {
+    border: 2px solid #CD1821
+}
+
+/* Dotted Green */
+* * * * * *:hover {
+    border: 2px dotted #89A81E
+}
+
+/* Dotted Orange */
+* * * * * * *:hover {
+    border: 2px dotted #F34607
+}
+
+/* Dotted Blue */
+* * * * * * * *:hover {
+    border: 2px dotted #5984C3
+}
+
+/* Dotted Red */
+* * * * * * * * *:hover {
+    border: 2px dotted #CD1821
+}
\ No newline at end of file