Add ags launcher

Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>
This commit is contained in:
2024-07-02 16:43:50 +03:00
parent 30d56ebf00
commit 6809acf2ae
7 changed files with 84 additions and 25 deletions

View File

@@ -1,30 +1,62 @@
.bar
background-color: {{colors.surface.default.hex}}
.label
color: {{colors.on_surface.default.hex}}
font-size: {{custom.font_size}}pt;
@mixin interactive
min-height: {{custom.font_size}}pt
border-radius: .5 * {{custom.font_size}}pt
transition: .25s
.workspace
min-height: {{custom.font_size}}pt;
&:hover
background-color: {{colors.surface_container_high.default.hex}}
.button
font-size: 0;
transition: .5s;
margin: 0 .3 * {{custom.padding}}pt;
background-color: {{colors.surface_variant.default.hex}};
min-width: .4 * {{custom.font_size}}pt;
min-height: .4 * {{custom.font_size}}pt;
border-radius: .5 * {{custom.font_size}}pt;
&:active
background-color: {{colors.surface_container_highest.default.hex}}
&.occupied
background-color: {{colors.on_surface.default.hex}}
min-width: .6 * {{custom.font_size}}pt;
min-height: .6 * {{custom.font_size}}pt;
border-radius: .5 * {{custom.font_size}}pt;
.widgets
padding: .2 * {{custom.padding}}pt
&.active
background-color: {{colors.primary.default.hex}}
min-width: 1.67 * {{custom.font_size}}pt;
min-height: {{custom.font_size}}pt;
border-radius: .4 * {{custom.font_size}}pt;
.gap
min-height: {{custom.font_size}}pt
min-width: .5 * {{custom.padding}}pt
.launcher
@include interactive
min-width: {{custom.font_size}}pt
.icon
font-size: {{custom.font_size}}pt
padding: 0 .3 * {{custom.padding}}pt
color: {{colors.primary.default.hex}}
.workspace
@include interactive
.button
font-size: 0
transition: .5s
margin: 0 .3 * {{custom.padding}}pt
background-color: {{colors.outline_variant.default.hex}}
min-width: .4 * {{custom.font_size}}pt
min-height: .4 * {{custom.font_size}}pt
border-radius: .5 * {{custom.font_size}}pt
&.occupied
background-color: {{colors.on_surface.default.hex}}
min-width: .6 * {{custom.font_size}}pt
min-height: .6 * {{custom.font_size}}pt
border-radius: .5 * {{custom.font_size}}pt
&.active
background-color: {{colors.primary.default.hex}}
min-width: 1.67 * {{custom.font_size}}pt
min-height: {{custom.font_size}}pt
border-radius: .4 * {{custom.font_size}}pt
.date
@include interactive
.label
color: {{colors.on_surface.default.hex}}
font-size: {{custom.font_size}}pt
margin: 0 .5 * {{custom.padding}}pt