launcher: actions + refactor into multi file

Action prefix is configurable

1 files changed, 21 insertions, 47 deletions

diff --git a/scss/launcher.scss b/scss/launcher.scss
index 3c4ff0b..8d3d6a2 100644
--- a/scss/launcher.scss
+++ b/scss/launcher.scss
@@ -5,6 +5,10 @@
 
 @mixin launcher($mode, $colour) {
     &.#{$mode} {
+        label.icon {
+            color: $colour;
+        }
+
         .search-bar {
             .mode {
                 @include lib.border($colour, $width: 2);
@@ -87,10 +91,23 @@
             font-size: lib.s(32);
         }
 
+        .has-sublabel {
+            padding: lib.s(3) 0;
+        }
+
+        .sublabel {
+            color: scheme.$subtext0;
+            font-size: lib.s(14);
+        }
+
         & > box {
             @include lib.spacing(10);
         }
 
+        &.italic {
+            font-style: italic;
+        }
+
         &:hover {
             background-color: scheme.$surface0;
         }
@@ -98,57 +115,14 @@
         &:focus {
             border-bottom: lib.s(2) solid scheme.$red;
             color: scheme.$red;
-        }
-
-        &:active {
-            background-color: scheme.$surface1;
-        }
-    }
-
-    .pinned-app {
-        @include lib.rounded(5);
-
-        font-size: lib.s(64);
-    }
 
-    .results {
-        .icon {
-            font-size: lib.s(32);
-        }
-
-        .empty {
-            color: scheme.$subtext0;
-            font-size: lib.s(18);
-            padding: lib.s(10) 0;
-
-            @include lib.spacing;
-
-            .icon {
-                color: scheme.$subtext0;
+            .sublabel {
+                color: color.mix(scheme.$red, scheme.$base, 70%);
             }
         }
 
-        .result {
-            @include lib.rounded(10);
-
-            font-size: lib.s(18);
-
-            & > * {
-                @include lib.spacing(8);
-            }
-
-            .has-sublabel {
-                font-size: lib.s(16);
-
-                .sublabel {
-                    color: scheme.$subtext0;
-                    font-size: lib.s(14);
-                }
-            }
-
-            &.italic {
-                font-style: italic;
-            }
+        &:active {
+            background-color: scheme.$surface1;
         }
     }
 }