Add in some hand-rolled styles

1 files changed, 10 insertions, 11 deletions

diff --git a/ui/app.css b/ui/app.css
index b316dea..c4b464b 100644
--- a/ui/app.css
+++ b/ui/app.css
@@ -1,13 +1,12 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import url("styles/reset.css");
+@import url("styles/variables.css");
+@import url("styles/overscroll.css");
+@import url("styles/app-bar.css");
+@import url("styles/sidebar.css");
 
-/* This should help minimize swipe-to-go-back behaviour, enabling our
-* swipe-to-reveal-channel-menu behaviour. It won't work in all cases; in iOS
-* Safari, when swiping from the screen edge, the OS gets th event and
-* handles it before the browser does.
-*/
-html,
-body {
-  overscroll-behavior-x: none;
+/* Debugging */
+div {
+  outline: 1px dashed grey;
+  background-color: var(--colour-background);
+  box-shadow: 5px 5px 5px var(--colour-border);
 }