networks: make popup window

2 files changed, 44 insertions, 0 deletions

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;
+                }
+            }
+        }
+    }
+}