summaryrefslogtreecommitdiffstats
path: root/css/bubbles.css
diff options
context:
space:
mode:
authorsijanec <sijanecantonluka@gmail.com>2020-05-17 00:13:40 +0200
committersijanec <sijanecantonluka@gmail.com>2020-05-17 00:13:40 +0200
commitfc66b376cb3a2c73843cc882d500cfd743c0790e (patch)
treec94ab426742180e88100629102fa7c21eb820a58 /css/bubbles.css
parentHandlers moved from HTML to JS (diff)
downloadbeziapp-fc66b376cb3a2c73843cc882d500cfd743c0790e.tar
beziapp-fc66b376cb3a2c73843cc882d500cfd743c0790e.tar.gz
beziapp-fc66b376cb3a2c73843cc882d500cfd743c0790e.tar.bz2
beziapp-fc66b376cb3a2c73843cc882d500cfd743c0790e.tar.lz
beziapp-fc66b376cb3a2c73843cc882d500cfd743c0790e.tar.xz
beziapp-fc66b376cb3a2c73843cc882d500cfd743c0790e.tar.zst
beziapp-fc66b376cb3a2c73843cc882d500cfd743c0790e.zip
Diffstat (limited to 'css/bubbles.css')
-rw-r--r--css/bubbles.css94
1 files changed, 0 insertions, 94 deletions
diff --git a/css/bubbles.css b/css/bubbles.css
deleted file mode 100644
index 8a19ff1..0000000
--- a/css/bubbles.css
+++ /dev/null
@@ -1,94 +0,0 @@
-/* obviously stolen, source https://codepen.io/swards/pen/gxQmbj */
-.chat {
- width: 100%;
- border-left: solid 1px #EEE;
- border-right: solid 1px #EEE;
- /* border-bottom: solid 1px #EEE; */
- display: flex;
- flex-direction: column;
- padding: 10px;
-}
-
-.messages {
- margin-top: 30px;
- display: flex;
- flex-direction: column;
-}
-
-.message {
- border-radius: 20px;
- padding: 8px 15px;
- margin-top: 5px;
- margin-bottom: 5px;
- display: inline-block;
-}
-
-.yours {
- align-items: flex-start;
-}
-
-.yours .message {
- margin-right: 25%;
- background-color: #eee;
- position: relative;
-}
-
-.yours .message.last:before {
- content: "";
- position: absolute;
- z-index: 0;
- bottom: 0;
- left: -7px;
- height: 20px;
- width: 20px;
- background: #eee;
- border-bottom-right-radius: 15px;
-}
-.yours .message.last:after {
- content: "";
- position: absolute;
- z-index: 1;
- bottom: 0;
- left: -10px;
- width: 10px;
- height: 20px;
- background: white;
- border-bottom-right-radius: 10px;
-}
-
-.mine {
- align-items: flex-end;
-}
-
-.mine .message {
- color: white;
- margin-left: 25%;
- background: linear-gradient(to bottom, var(--color-primary) 0%, var(--color-secondary) 100%);
- background-attachment: fixed;
- position: relative;
-}
-
-.mine .message.last:before {
- content: "";
- position: absolute;
- z-index: 0;
- bottom: 0;
- right: -8px;
- height: 20px;
- width: 20px;
- background: linear-gradient(to bottom, var(--color-primary) 0%, var(--color-secondary) 100%);
- background-attachment: fixed;
- border-bottom-left-radius: 15px;
-}
-
-.mine .message.last:after {
- content: "";
- position: absolute;
- z-index: 1;
- bottom: 0;
- right: -10px;
- width: 10px;
- height: 20px;
- background: white;
- border-bottom-left-radius: 10px;
-} \ No newline at end of file