From e923d39cdeed4b42e747afc01b3420d6d89af6e6 Mon Sep 17 00:00:00 2001
From: 2 * r + 2 * t <61896496+soramanew@users.noreply.github.com>
Date: Tue, 14 Jan 2025 00:22:59 +1100
Subject: app launcher

---
 scss/launcher.scss | 80 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 80 insertions(+)
 create mode 100644 scss/launcher.scss

(limited to 'scss')

diff --git a/scss/launcher.scss b/scss/launcher.scss
new file mode 100644
index 0000000..eddbc88
--- /dev/null
+++ b/scss/launcher.scss
@@ -0,0 +1,80 @@
+@use "scheme";
+@use "lib";
+@use "font";
+
+.launcher {
+    @include lib.rounded(10);
+    @include lib.border(scheme.$overlay0, 0.2);
+    @include lib.shadow;
+    @include lib.element-decel;
+    @include font.main;
+
+    background-color: scheme.$mantle;
+    color: scheme.$text;
+    padding: lib.s(10) lib.s(14);
+
+    .search-bar {
+        @include lib.spacing;
+
+        margin-bottom: lib.s(5);
+        font-size: lib.s(16);
+
+        .icon {
+            font-size: lib.s(18);
+            color: scheme.$sapphire;
+        }
+
+        .placeholder {
+            color: scheme.$subtext0;
+        }
+    }
+
+    .app {
+        @include lib.element-decel;
+
+        padding: lib.s(5) lib.s(10);
+
+        &:hover,
+        &:focus {
+            background-color: scheme.$surface0;
+        }
+
+        &:active {
+            background-color: scheme.$surface1;
+        }
+    }
+
+    .pinned {
+        .app {
+            @include lib.rounded(5);
+
+            font-size: lib.s(64);
+        }
+    }
+
+    .results {
+        .empty {
+            @include lib.spacing;
+
+            color: scheme.$subtext0;
+
+            .icon {
+                font-size: lib.s(32);
+            }
+        }
+
+        .app {
+            @include lib.rounded(10);
+
+            font-size: lib.s(18);
+
+            & > * {
+                @include lib.spacing;
+            }
+
+            .icon {
+                font-size: lib.s(32);
+            }
+        }
+    }
+}
-- 
cgit v1.2.3-freya