cleanup: remove popdown stuff

Popdowns were replaced with the sidebar

8 files changed, 0 insertions, 609 deletions

diff --git a/scss/popdowns/bluetoothdevices.scss b/scss/popdowns/bluetoothdevices.scss
deleted file mode 100644
index 6c49b98..0000000
--- a/scss/popdowns/bluetoothdevices.scss
+++ /dev/null
@@ -1,51 +0,0 @@
-@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;
-                }
-
-                &:disabled {
-                    color: scheme.$subtext0;
-                }
-            }
-
-            &.active {
-                color: $-accent;
-            }
-        }
-    }
-}
diff --git a/scss/popdowns/index.scss b/scss/popdowns/index.scss
deleted file mode 100644
index 524505e..0000000
--- a/scss/popdowns/index.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-@forward "notifications";
-@forward "updates";
-@forward "bluetoothdevices";
-@forward "networks";
-@forward "media";
-@forward "sideright";
-@forward "sideleft";
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);
-            }
-        }
-    }
-}
diff --git a/scss/popdowns/networks.scss b/scss/popdowns/networks.scss
deleted file mode 100644
index 924762c..0000000
--- a/scss/popdowns/networks.scss
+++ /dev/null
@@ -1,51 +0,0 @@
-@use "sass:color";
-@use "../scheme";
-@use "../lib";
-@use "../font";
-
-$-accent: scheme.$rosewater;
-
-.networks {
-    @include lib.popdown-window($-accent);
-
-    min-width: lib.s(500);
-    min-height: lib.s(400);
-
-    .list {
-        @include lib.spacing($vertical: true);
-
-        color: scheme.$text;
-
-        .network {
-            @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;
-                }
-
-                &:disabled {
-                    color: scheme.$subtext0;
-                }
-            }
-
-            &.active {
-                color: $-accent;
-            }
-        }
-    }
-}
diff --git a/scss/popdowns/notifications.scss b/scss/popdowns/notifications.scss
deleted file mode 100644
index e992f50..0000000
--- a/scss/popdowns/notifications.scss
+++ /dev/null
@@ -1,58 +0,0 @@
-@use "sass:color";
-@use "../scheme";
-@use "../lib";
-@use "../font";
-
-@mixin popup($accent) {
-    .separator {
-        background-color: $accent;
-    }
-
-    .image {
-        @include lib.border($accent, 0.05);
-    }
-}
-
-.notifications {
-    @include lib.popdown-window(scheme.$mauve);
-
-    min-width: lib.s(400);
-    min-height: lib.s(600);
-
-    .notification {
-        .wrapper {
-            padding-bottom: lib.s(10);
-        }
-
-        .inner {
-            background-color: color.mix(scheme.$base, scheme.$surface0, 70%);
-
-            &.low {
-                @include popup(scheme.$overlay0);
-            }
-
-            &.normal {
-                @include lib.border(scheme.$primary, 0.3);
-                @include popup(scheme.$primary);
-            }
-
-            &.critical {
-                @include lib.border(scheme.$error, 0.8);
-                @include popup(scheme.$error);
-            }
-        }
-
-        .actions > * {
-            background-color: scheme.$surface0;
-
-            &:hover,
-            &:focus {
-                background-color: scheme.$surface1;
-            }
-
-            &:active {
-                background-color: scheme.$surface2;
-            }
-        }
-    }
-}
diff --git a/scss/popdowns/sideleft.scss b/scss/popdowns/sideleft.scss
deleted file mode 100644
index 7b84ada..0000000
--- a/scss/popdowns/sideleft.scss
+++ /dev/null
@@ -1,131 +0,0 @@
-@use "sass:color";
-@use "../scheme";
-@use "../lib";
-@use "../font";
-
-$-accent: scheme.$yellow;
-
-.sideleft {
-    @include lib.rounded(8);
-    @include lib.border($-accent, 0.4, 2);
-    @include lib.shadow;
-    @include font.mono;
-
-    background-color: scheme.$crust;
-    color: $-accent;
-    padding: lib.s(12);
-    font-size: lib.s(14);
-
-    @include lib.spacing(10, true);
-
-    & > * {
-        @include lib.rounded(5);
-
-        background-color: scheme.$base;
-        padding: lib.s(16) lib.s(20);
-    }
-
-    .user {
-        @include lib.spacing(15);
-
-        .face {
-            @include lib.rounded(1000);
-
-            background-position: center;
-            background-repeat: no-repeat;
-            background-size: cover;
-            min-width: lib.s(48);
-            min-height: lib.s(48);
-            font-size: lib.s(24);
-        }
-
-        .details {
-            font-size: lib.s(14);
-
-            @include lib.spacing(3, true);
-
-            .name {
-                font-size: lib.s(18);
-                color: scheme.$text;
-            }
-        }
-
-        .power {
-            @include lib.element-decel;
-            @include font.icon;
-
-            font-size: lib.s(24);
-            color: scheme.$red;
-
-            &:hover,
-            &:focus {
-                color: color.mix(scheme.$red, scheme.$base, 80%);
-            }
-
-            &:active {
-                color: color.mix(scheme.$red, scheme.$base, 60%);
-            }
-        }
-    }
-
-    .locations {
-        @include lib.spacing(30);
-
-        & > * {
-            @include lib.spacing(8, true);
-        }
-
-        $-colours: scheme.$pink, scheme.$yellow, scheme.$maroon, scheme.$green, scheme.$mauve, scheme.$lavender;
-        @for $i from 1 through 6 {
-            .loc#{$i} {
-                @include lib.element-decel;
-
-                color: nth($-colours, $i);
-
-                &:hover,
-                &:focus {
-                    color: color.mix(nth($-colours, $i), scheme.$base, 80%);
-                }
-
-                &:active {
-                    color: color.mix(nth($-colours, $i), scheme.$base, 60%);
-                }
-            }
-        }
-    }
-
-    .hw-resources {
-        @include lib.spacing(10, true);
-
-        .resource {
-            font-size: lib.s(13);
-
-            .inner {
-                font-size: lib.s(16);
-
-                @include lib.spacing(20);
-            }
-
-            .slider {
-                @include lib.rounded(5);
-                @include lib.fluent-decel(1000ms);
-
-                min-height: lib.s(10);
-                background-color: scheme.$surface0;
-                color: scheme.$red;
-            }
-
-            $-names: gpu, cpu, memory, storage;
-            $-colours: scheme.$green, scheme.$maroon, scheme.$yellow, scheme.$pink;
-            @for $i from 1 through length($-names) {
-                &.#{nth($-names, $i)} {
-                    color: nth($-colours, $i);
-
-                    .slider {
-                        color: nth($-colours, $i);
-                    }
-                }
-            }
-        }
-    }
-}
diff --git a/scss/popdowns/sideright.scss b/scss/popdowns/sideright.scss
deleted file mode 100644
index 002105a..0000000
--- a/scss/popdowns/sideright.scss
+++ /dev/null
@@ -1,148 +0,0 @@
-@use "sass:color";
-@use "../scheme";
-@use "../lib";
-@use "../font";
-
-$-accent: scheme.$peach;
-$-accent2: scheme.$blue;
-
-.sideright {
-    @include lib.rounded(8);
-    @include lib.border($-accent, 0.4, 2);
-    @include lib.shadow;
-    @include font.mono;
-
-    background-color: scheme.$crust;
-    color: $-accent;
-    padding: lib.s(12);
-    font-size: lib.s(14);
-
-    @include lib.spacing(10, true);
-
-    & > * {
-        @include lib.rounded(5);
-
-        background-color: scheme.$base;
-    }
-
-    .time {
-        padding: lib.s(12) lib.s(8);
-        font-size: lib.s(48);
-        font-weight: bold;
-
-        & > * {
-            @include lib.spacing(3);
-        }
-
-        .ampm {
-            font-size: lib.s(24);
-            font-weight: normal;
-            margin-top: lib.s(18);
-            color: $-accent2;
-        }
-    }
-
-    .calendar {
-        padding: lib.s(5) lib.s(8) 0 lib.s(8);
-        min-width: lib.s(350);
-        color: scheme.$text;
-
-        calendar {
-            padding: lib.s(8); // Padding for each day
-
-            // Month and year
-            &.header {
-                color: $-accent2;
-            }
-
-            // Change month/year buttons
-            &.button {
-                &:hover {
-                    color: scheme.$subtext0;
-                }
-
-                &:disabled {
-                    color: color.mix(scheme.$text, scheme.$base, 65%);
-                }
-            }
-
-            // Weekday labels
-            &.highlight {
-                color: $-accent;
-            }
-
-            // Days in other month
-            &:indeterminate {
-                color: color.mix(scheme.$text, scheme.$base, 65%);
-            }
-
-            // Current day
-            &:selected {
-                $base: color.change(scheme.$base, $alpha: 1);
-                box-shadow: inset 0 lib.s(-12) 0 0 $-accent, inset 0 lib.s(-9) 0 0 $base,
-                    inset lib.s(-10) lib.s(-3) 0 0 $base, inset lib.s(10) 0 0 lib.s(0.1) $base;
-                color: $-accent;
-            }
-        }
-    }
-
-    .weather {
-        padding: lib.s(5) lib.s(15);
-
-        @include lib.spacing(10, true);
-
-        .current {
-            @include lib.spacing(20);
-
-            .status-icon {
-                font-size: lib.s(64);
-                padding: lib.s(10) lib.s(20) 0 0;
-            }
-
-            .status {
-                color: $-accent2;
-                font-size: lib.s(16);
-
-                @include lib.spacing($vertical: true);
-
-                .temperature {
-                    font-size: lib.s(28);
-                    font-weight: bold;
-                    color: scheme.$text;
-
-                    @include lib.spacing;
-
-                    .temp-icon {
-                        font-size: lib.s(30);
-
-                        $-temps: freezing, cold, normal, hot, burning;
-                        $-colours: scheme.$sky, scheme.$blue, scheme.$green, scheme.$yellow, scheme.$red;
-                        @for $i from 1 through length($-temps) {
-                            &.#{nth($-temps, $i)} {
-                                color: nth($-colours, $i);
-                            }
-                        }
-                    }
-                }
-            }
-        }
-
-        .separator {
-            background-color: scheme.$surface0;
-        }
-
-        .forecast {
-            padding: lib.s(10) 0 lib.s(15) 0;
-
-            @include lib.spacing(10);
-
-            .hour {
-                @include lib.spacing($vertical: true);
-
-                .icon {
-                    font-size: lib.s(32);
-                }
-            }
-        }
-    }
-}
diff --git a/scss/popdowns/updates.scss b/scss/popdowns/updates.scss
deleted file mode 100644
index c9b1cb9..0000000
--- a/scss/popdowns/updates.scss
+++ /dev/null
@@ -1,50 +0,0 @@
-@use "sass:color";
-@use "../scheme";
-@use "../lib";
-@use "../font";
-
-$-accent: scheme.$blue;
-
-.updates {
-    @include lib.popdown-window($-accent);
-
-    min-width: lib.s(550);
-    min-height: lib.s(800);
-
-    .wrapper {
-        @include lib.element-decel;
-
-        &:hover,
-        &:focus {
-            color: color.mix($-accent, scheme.$base, 80%);
-        }
-
-        &:active {
-            color: color.mix($-accent, scheme.$base, 60%);
-        }
-    }
-
-    .repos {
-        @include lib.spacing($vertical: true);
-
-        .repo {
-            .header {
-                font-size: lib.s(16);
-            }
-
-            .list,
-            .news {
-                color: scheme.$text;
-                margin-left: lib.s(12);
-            }
-
-            .list {
-                @include lib.spacing($vertical: true);
-            }
-
-            .news {
-                margin-bottom: lib.s(5);
-            }
-        }
-    }
-}