From 424e62dc79793187c46a222acf2a3fd88b9a7bd4 Mon Sep 17 00:00:00 2001 From: Freya Murphy Date: Thu, 19 Jun 2025 22:53:20 -0400 Subject: new astal app launcher, refactor astal build fn --- pkgs/astal/src/style/widget/deck.scss | 4 --- pkgs/astal/src/style/widget/launcher.scss | 41 +++++++++++++++++++++++++++++++ 2 files changed, 41 insertions(+), 4 deletions(-) create mode 100644 pkgs/astal/src/style/widget/launcher.scss (limited to 'pkgs/astal/src/style/widget') diff --git a/pkgs/astal/src/style/widget/deck.scss b/pkgs/astal/src/style/widget/deck.scss index d7dd69c..adf8c00 100644 --- a/pkgs/astal/src/style/widget/deck.scss +++ b/pkgs/astal/src/style/widget/deck.scss @@ -1,8 +1,4 @@ -@function gtkalpha($c, $a) { - @return string.unquote("alpha(#{$c},#{$a})"); -} - $deck-scale: $font-size * 4; .deck { diff --git a/pkgs/astal/src/style/widget/launcher.scss b/pkgs/astal/src/style/widget/launcher.scss new file mode 100644 index 0000000..b39d292 --- /dev/null +++ b/pkgs/astal/src/style/widget/launcher.scss @@ -0,0 +1,41 @@ + +.launcher { + > box { + padding: 5em; + background: gtkalpha($bg, 0.7); + border-radius: $outer-radius; + } + + .search { + margin-bottom: 5em; + color: $surface-fg; + background: $surface-bg; + padding: $outer-gap; + border-radius: $outer-radius; + min-width: 20em; + } + + .app { + background: transparent; + padding: $outer-gap; + margin: $outer-gap; + border-radius: $outer-radius; + min-width: 15em; + min-height: 15em; + + &:hover { + background: gtkalpha($hover-bg, .5); + } + + icon { + font-size: 9em; + } + + .name { + margin-top: $outer-gap; + font-size: 1.25em; + color: gtkalpha($fg, 0.9); + } + } + +} -- cgit v1.2.3-freya