Convert sass to css

1 files changed, 47 insertions, 0 deletions

diff --git a/client-web/style/chat.css b/client-web/style/chat.css
new file mode 100644
index 0000000..0cd8441
--- /dev/null
+++ b/client-web/style/chat.css
@@ -0,0 +1,47 @@
+/*
+    This file is part of keks-meet (https://codeberg.org/metamuffin/keks-meet)
+    which is licensed under the GNU Affero General Public License (version 3); see /COPYING.
+    Copyright (C) 2023 metamuffin <metamuffin.org>
+*/
+
+.chat {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+}
+.chat .message {
+    margin: 0.2em;
+}
+.chat .control-message {
+    font-style: italic;
+    color: var(--ac-light);
+    filter: brightness(160%); /* TODO filter is a bad approach here. */
+}
+.chat .author {
+    font-weight: bold;
+}
+.chat .text {
+    color: white;
+}
+.chat .image {
+    width: min(20em, 30vw);
+    max-height: 50em; /* TODO squishes the image if too high */
+}
+.chat .messages {
+    flex: 1;
+    width: 100%;
+    overflow: auto;
+}
+.chat .controls {
+    flex: 0;
+}
+.chat input[type="text"] {
+    font-size: medium;
+    width: 100%;
+    border-radius: 5px;
+    padding: 0.5em;
+    box-sizing: border-box;
+}
+.chat .chat-link {
+    color: var(--ac-light);
+}