diff options
author | sijanec <sijanecantonluka@gmail.com> | 2020-05-17 00:13:40 +0200 |
---|---|---|
committer | sijanec <sijanecantonluka@gmail.com> | 2020-05-17 00:13:40 +0200 |
commit | fc66b376cb3a2c73843cc882d500cfd743c0790e (patch) | |
tree | c94ab426742180e88100629102fa7c21eb820a58 /css/bubbles.css | |
parent | Handlers moved from HTML to JS (diff) | |
download | beziapp-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.css | 94 |
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 |