From 0518ec4214583bcc26f5b052f02fd93b12a00a77 Mon Sep 17 00:00:00 2001
From: 2 * r + 2 * t <61896496+soramanew@users.noreply.github.com>
Date: Fri, 17 Jan 2025 00:16:40 +1100
Subject: bluetoothdevices: make popup window

---
 scss/popdowns/bluetoothdevices.scss | 43 +++++++++++++++++++++++++++++++++++++
 1 file changed, 43 insertions(+)
 create mode 100644 scss/popdowns/bluetoothdevices.scss

(limited to 'scss/popdowns/bluetoothdevices.scss')

diff --git a/scss/popdowns/bluetoothdevices.scss b/scss/popdowns/bluetoothdevices.scss
new file mode 100644
index 0000000..e426b27
--- /dev/null
+++ b/scss/popdowns/bluetoothdevices.scss
@@ -0,0 +1,43 @@
+@use "sass:color";
+@use "../scheme";
+@use "../lib";
+@use "../font";
+
+$-accent: scheme.$rosewater;
+
+.bluetooth-devices {
+    @include lib.popdown-window($-accent);
+
+    min-width: lib.s(500);
+    min-height: lib.s(400);
+
+    .list {
+        @include lib.spacing($vertical: true);
+
+        color: scheme.$text;
+
+        .device {
+            @include lib.spacing(8);
+
+            .icon {
+                font-size: lib.s(18);
+            }
+
+            button {
+                @include lib.rounded(5);
+                @include lib.element-decel;
+
+                padding: lib.s(3) lib.s(8);
+
+                &:hover,
+                &:focus {
+                    background-color: scheme.$surface0;
+                }
+
+                &:active {
+                    background-color: scheme.$surface1;
+                }
+            }
+        }
+    }
+}
-- 
cgit v1.2.3-freya