summaryrefslogtreecommitdiff
path: root/scss/popdowns/media.scss
diff options
context:
space:
mode:
author2 * r + 2 * t <61896496+soramanew@users.noreply.github.com>2025-04-02 15:06:27 +1100
committer2 * r + 2 * t <61896496+soramanew@users.noreply.github.com>2025-04-02 15:06:27 +1100
commite9eba2e2914e6c9aa01dd3d6267c969bcba3bb2f (patch)
tree9ce2fad274d4978d9531b5c57c2ceb4d67c219b5 /scss/popdowns/media.scss
parentsidebar: add date time to time pane (diff)
downloadcaelestia-shell-e9eba2e2914e6c9aa01dd3d6267c969bcba3bb2f.tar.gz
caelestia-shell-e9eba2e2914e6c9aa01dd3d6267c969bcba3bb2f.tar.bz2
caelestia-shell-e9eba2e2914e6c9aa01dd3d6267c969bcba3bb2f.zip
cleanup: remove popdown stuff
Popdowns were replaced with the sidebar
Diffstat (limited to 'scss/popdowns/media.scss')
-rw-r--r--scss/popdowns/media.scss113
1 files changed, 0 insertions, 113 deletions
diff --git a/scss/popdowns/media.scss b/scss/popdowns/media.scss
deleted file mode 100644
index 2b6eeb7..0000000
--- a/scss/popdowns/media.scss
+++ /dev/null
@@ -1,113 +0,0 @@
-@use "sass:color";
-@use "../scheme";
-@use "../lib";
-@use "../font";
-
-$-accent: scheme.$lavender;
-$-accent2: scheme.$pink;
-
-.media {
- @include lib.rounded(8);
- @include lib.border($-accent, 0.4, 2);
- @include lib.shadow;
- @include font.mono;
-
- background-color: scheme.$mantle;
- color: $-accent;
- padding: lib.s(12);
- font-size: lib.s(14);
- min-width: lib.s(500);
- min-height: lib.s(220);
-
- .icon {
- font-size: lib.s(32);
- }
-
- .overlay {
- @include lib.rounded(5);
-
- background-color: color.change(scheme.$mantle, $alpha: 0.8);
- }
-
- .background {
- @include lib.rounded(5);
-
- transition: background 300ms ease-in-out;
- background-color: scheme.$surface0;
- background-position: center;
- background-size: cover;
- background-repeat: no-repeat;
- }
-
- .player {
- padding: lib.s(35) lib.s(12);
- font-weight: bold;
-
- @include lib.spacing(10, true);
-
- .title {
- font-size: lib.s(18);
- }
-
- .artist {
- color: scheme.$green;
- }
-
- .album {
- color: $-accent2;
- }
-
- .controls {
- margin-top: lib.s(3);
-
- @include lib.spacing(10);
-
- button {
- @include lib.rounded(4);
- @include lib.element-decel;
- @include lib.border(scheme.$base, 0.7);
-
- padding: lib.s(5) lib.s(12);
- font-size: lib.s(18);
- background-color: $-accent;
- color: scheme.$base;
-
- &:disabled {
- background-color: scheme.$overlay2;
- }
-
- &:hover,
- &:focus {
- background-color: color.change($-accent, $alpha: 0.8);
- }
-
- &:active {
- background-color: color.change($-accent, $alpha: 0.6);
- }
- }
- }
-
- // Progress bar
- trough {
- @include lib.rounded(3);
-
- margin-top: lib.s(10);
- background-color: scheme.$surface0;
-
- highlight {
- @include lib.rounded(3);
-
- background-color: $-accent2;
- padding: lib.s(3) 0;
- }
-
- slider {
- @include lib.rounded(3);
-
- background-color: scheme.$overlay0;
- min-width: lib.s(15);
- min-height: lib.s(15);
- }
- }
- }
-}