diff options
| author | 2 * r + 2 * t <61896496+soramanew@users.noreply.github.com> | 2025-01-17 00:16:40 +1100 |
|---|---|---|
| committer | 2 * r + 2 * t <61896496+soramanew@users.noreply.github.com> | 2025-01-17 00:16:40 +1100 |
| commit | 0518ec4214583bcc26f5b052f02fd93b12a00a77 (patch) | |
| tree | 0cfac1c39d54a504215a4b98c8be271e66759295 /scss | |
| parent | refactor: move popdowns to own folder (diff) | |
| download | caelestia-shell-0518ec4214583bcc26f5b052f02fd93b12a00a77.tar.gz caelestia-shell-0518ec4214583bcc26f5b052f02fd93b12a00a77.tar.bz2 caelestia-shell-0518ec4214583bcc26f5b052f02fd93b12a00a77.zip | |
bluetoothdevices: make popup window
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/popdowns/bluetoothdevices.scss | 43 | ||||
| -rw-r--r-- | scss/popdowns/index.scss | 3 | ||||
| -rw-r--r-- | scss/popdowns/notifications.scss (renamed from scss/notifications.scss) | 6 | ||||
| -rw-r--r-- | scss/popdowns/updates.scss (renamed from scss/updates.scss) | 14 |
4 files changed, 56 insertions, 10 deletions
diff --git a/scss/popdowns/bluetoothdevices.scss b/scss/popdowns/bluetoothdevices.scss new file mode 100644 index 0000000..e426b27 --- /dev/null +++ b/scss/popdowns/bluetoothdevices.scss @@ -0,0 +1,43 @@ +@use "sass:color"; +@use "../scheme"; +@use "../lib"; +@use "../font"; + +$-accent: scheme.$rosewater; + +.bluetooth-devices { + @include lib.popdown-window($-accent); + + min-width: lib.s(500); + min-height: lib.s(400); + + .list { + @include lib.spacing($vertical: true); + + color: scheme.$text; + + .device { + @include lib.spacing(8); + + .icon { + font-size: lib.s(18); + } + + button { + @include lib.rounded(5); + @include lib.element-decel; + + padding: lib.s(3) lib.s(8); + + &:hover, + &:focus { + background-color: scheme.$surface0; + } + + &:active { + background-color: scheme.$surface1; + } + } + } + } +} diff --git a/scss/popdowns/index.scss b/scss/popdowns/index.scss new file mode 100644 index 0000000..81855d3 --- /dev/null +++ b/scss/popdowns/index.scss @@ -0,0 +1,3 @@ +@forward "notifications"; +@forward "updates"; +@forward "bluetoothdevices"; diff --git a/scss/notifications.scss b/scss/popdowns/notifications.scss index e955a4c..c7914c2 100644 --- a/scss/notifications.scss +++ b/scss/popdowns/notifications.scss @@ -1,7 +1,7 @@ @use "sass:color"; -@use "scheme"; -@use "lib"; -@use "font"; +@use "../scheme"; +@use "../lib"; +@use "../font"; @mixin popup($accent) { .separator { diff --git a/scss/updates.scss b/scss/popdowns/updates.scss index 12da977..d11a551 100644 --- a/scss/updates.scss +++ b/scss/popdowns/updates.scss @@ -1,12 +1,12 @@ @use "sass:color"; -@use "scheme"; -@use "lib"; -@use "font"; +@use "../scheme"; +@use "../lib"; +@use "../font"; -$accent: scheme.$blue; +$-accent: scheme.$blue; .updates { - @include lib.popdown-window($accent); + @include lib.popdown-window($-accent); min-width: lib.s(600); min-height: lib.s(400); @@ -16,11 +16,11 @@ $accent: scheme.$blue; &:hover, &:focus { - color: color.mix($accent, scheme.$base, 80%); + color: color.mix($-accent, scheme.$base, 80%); } &:active { - color: color.mix($accent, scheme.$base, 60%); + color: color.mix($-accent, scheme.$base, 60%); } } |