From 1f731072ac7e0bef369eedabfb396a41331e6ef2 Mon Sep 17 00:00:00 2001
From: 2 * r + 2 * t <61896496+soramanew@users.noreply.github.com>
Date: Fri, 17 Jan 2025 14:55:50 +1100
Subject: networks: make popup window

---
 scss/popdowns/index.scss    |  1 +
 scss/popdowns/networks.scss | 43 +++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 44 insertions(+)
 create mode 100644 scss/popdowns/networks.scss

(limited to 'scss/popdowns')

diff --git a/scss/popdowns/index.scss b/scss/popdowns/index.scss
index 81855d3..7f16c24 100644
--- a/scss/popdowns/index.scss
+++ b/scss/popdowns/index.scss
@@ -1,3 +1,4 @@
 @forward "notifications";
 @forward "updates";
 @forward "bluetoothdevices";
+@forward "networks";
diff --git a/scss/popdowns/networks.scss b/scss/popdowns/networks.scss
new file mode 100644
index 0000000..0eb4bed
--- /dev/null
+++ b/scss/popdowns/networks.scss
@@ -0,0 +1,43 @@
+@use "sass:color";
+@use "../scheme";
+@use "../lib";
+@use "../font";
+
+$-accent: scheme.$rosewater;
+
+.networks {
+    @include lib.popdown-window($-accent);
+
+    min-width: lib.s(500);
+    min-height: lib.s(400);
+
+    .list {
+        @include lib.spacing($vertical: true);
+
+        color: scheme.$text;
+
+        .network {
+            @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