diff options
| author | Aylur <[email protected]> | 2024-12-19 23:42:33 +0100 |
|---|---|---|
| committer | Aylur <[email protected]> | 2024-12-19 23:42:33 +0100 |
| commit | c5664e2941b33609de0743a8475a40b24522a3dc (patch) | |
| tree | 604bdece8e3fe3bd2a286ab1e8ef07dd8d90c37c /examples/lua/simple-bar/style.scss | |
| parent | 61637d6333bd812021763039ceea61e7f7d29dbf (diff) | |
update examples, fix styling
Diffstat (limited to 'examples/lua/simple-bar/style.scss')
| -rw-r--r-- | examples/lua/simple-bar/style.scss | 50 |
1 files changed, 32 insertions, 18 deletions
diff --git a/examples/lua/simple-bar/style.scss b/examples/lua/simple-bar/style.scss index 1dcf729..f5f771a 100644 --- a/examples/lua/simple-bar/style.scss +++ b/examples/lua/simple-bar/style.scss @@ -13,31 +13,45 @@ window.Bar { font-size: 1.1em; font-weight: bold; - button { - all: unset; - background-color: transparent; + label { + margin: 0 8px; + } + + .Workspaces { + button { + all: unset; + background-color: transparent; - &:hover label { - background-color: color.adjust($fg, $alpha: -0.84); - border-color: color.adjust($accent, $alpha: -0.8); + &:hover label { + background-color: color.adjust($fg, $alpha: -0.84); + border-color: color.adjust($accent, $alpha: -0.8); + } + + &:active label { + background-color: color.adjust($fg, $alpha: -0.8) + } } - &:active label { - background-color: color.adjust($fg, $alpha: -0.8) + label { + transition: 200ms; + padding: 0 8px; + margin: 2px; + border-radius: $radius; + border: 1pt solid transparent; } - } - label { - transition: 200ms; - padding: 0 8px; - margin: 2px; - border-radius: $radius; - border: 1pt solid transparent; + .focused label { + color: $accent; + border-color: $accent; + } } - .Workspaces .focused label { - color: $accent; - border-color: $accent; + .SysTray { + margin-right: 8px; + + button { + padding: 0 4px; + } } .FocusedClient { |