clean

Remove everything

13 files changed, 0 insertions, 2511 deletions

diff --git a/scss/_font.scss b/scss/_font.scss
deleted file mode 100644
index 405a850..0000000
--- a/scss/_font.scss
+++ /dev/null
@@ -1,21 +0,0 @@
-@mixin title {
-    font-family: "Gabarito", "Poppins", "Readex Pro", "Lexend", sans-serif;
-}
-
-@mixin main {
-    font-family: "Rubik", "Geist", "AR One Sans", "Reddit Sans", "Inter", "Roboto", "Ubuntu", "Noto Sans", sans-serif;
-}
-
-@mixin icon {
-    font-family: "Material Symbols Rounded", "MaterialSymbolsRounded", "Material Symbols Outlined",
-        "Material Symbols Sharp";
-}
-
-@mixin mono {
-    font-family: "JetBrains Mono NF", "JetBrains Mono Nerd Font", "JetBrains Mono NL", "SpaceMono NF",
-        "SpaceMono Nerd Font", monospace;
-}
-
-@mixin reading {
-    font-family: "Readex Pro", "Lexend", "Noto Sans", sans-serif;
-}
diff --git a/scss/_lib.scss b/scss/_lib.scss
deleted file mode 100644
index ef8cc8d..0000000
--- a/scss/_lib.scss
+++ /dev/null
@@ -1,47 +0,0 @@
-@use "sass:color";
-@use "scheme";
-@use "font";
-
-$scale: 0.068rem;
-@function s($value: 1) {
-    @return $value * $scale;
-}
-
-@mixin rounded($all, $tl: $all, $tr: $all, $br: $all, $bl: $all) {
-    border-radius: s($tl) s($tr) s($br) s($bl);
-    -gtk-outline-radius: s($tl) s($tr) s($br) s($bl);
-}
-
-@mixin border($colour, $alpha: 1, $width: 1, $style: solid, $force: false) {
-    @if $force or scheme.$borders {
-        border: s($width) $style color.change($colour, $alpha: $alpha);
-    }
-}
-
-@mixin shadow($colour: black, $alpha: 0.64, $x: 0, $y: 0, $blur: 3, $spread: 0) {
-    box-shadow: s($x) s($y) s($blur) s($spread) color.change($colour, $alpha: $alpha);
-}
-
-@mixin spacing($val: 5, $vertical: false) {
-    $dir: if($vertical, bottom, right);
-
-    & > *:not(:last-child) {
-        margin-#{$dir}: s($val);
-    }
-}
-
-@mixin element-decel($duration: 200ms) {
-    transition: $duration cubic-bezier(0, 0.55, 0.45, 1);
-}
-
-@mixin fluent-decel($duration: 200ms) {
-    transition: $duration cubic-bezier(0.1, 1, 0, 1);
-}
-
-@mixin overshot {
-    transition-timing-function: cubic-bezier(0.05, 0.9, 0.1, 1.1);
-}
-
-@mixin ease-in-out {
-    transition-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
-}
diff --git a/scss/bar.scss b/scss/bar.scss
deleted file mode 100644
index b14ceeb..0000000
--- a/scss/bar.scss
+++ /dev/null
@@ -1,394 +0,0 @@
-@use "sass:color";
-@use "lib";
-@use "scheme";
-@use "font";
-
-@mixin bar-spacing($vertical: false) {
-    @include lib.spacing(10, $vertical);
-
-    & > * {
-        @include lib.spacing(10, $vertical);
-    }
-}
-
-.bar {
-    @include font.mono;
-
-    font-size: lib.s(14);
-
-    label.icon {
-        font-size: lib.s(18);
-    }
-
-    .screen-corner {
-        background-color: transparent;
-    }
-
-    .os-icon {
-        color: scheme.$yellow;
-    }
-
-    .active-window {
-        color: scheme.$pink;
-    }
-
-    .media-playing {
-        color: scheme.$lavender;
-
-        icon {
-            font-size: lib.s(16);
-        }
-    }
-
-    .workspaces {
-        & > button {
-            @include lib.rounded(100);
-            @include lib.element-decel;
-
-            font-size: lib.s(13);
-            font-weight: bold;
-
-            &.focused {
-                background-color: scheme.$mauve;
-            }
-        }
-
-        &:not(.labels-shown) > button {
-            min-width: lib.s(8);
-            min-height: lib.s(8);
-            background-color: scheme.$surface1;
-
-            &.occupied {
-                background-color: scheme.$overlay1;
-            }
-
-            &.focused {
-                background-color: scheme.$mauve;
-            }
-        }
-
-        &.labels-shown > button {
-            color: color.change(scheme.$overlay1, $alpha: 1);
-
-            .icon {
-                font-size: lib.s(13);
-                color: color.change(scheme.$subtext0, $alpha: 1);
-            }
-
-            &.occupied {
-                color: color.mix(scheme.$text, scheme.$mauve, 50%);
-            }
-
-            &.focused {
-                color: color.change(scheme.$base, $alpha: 1);
-
-                .icon {
-                    color: color.change(scheme.$surface0, $alpha: 1);
-                }
-            }
-        }
-    }
-
-    .tray {
-        font-size: lib.s(15);
-        color: scheme.$text;
-    }
-
-    .status-icons {
-        color: scheme.$rosewater;
-    }
-
-    .pkg-updates {
-        color: scheme.$blue;
-    }
-
-    .notif-count {
-        color: scheme.$mauve;
-    }
-
-    .battery {
-        color: scheme.$teal;
-
-        &.charging {
-            color: scheme.$success;
-        }
-
-        &.low {
-            color: scheme.$error;
-        }
-    }
-
-    .date-time {
-        color: scheme.$peach;
-    }
-
-    .power {
-        @include lib.element-decel;
-        @include font.icon;
-
-        color: scheme.$red;
-        font-weight: bold;
-        font-size: lib.s(16);
-
-        &:hover,
-        &:focus {
-            color: color.change(scheme.$red, $alpha: 0.8);
-        }
-
-        &:active {
-            color: color.change(scheme.$red, $alpha: 0.6);
-        }
-    }
-
-    &.horizontal {
-        margin: 10px 10px 0 10px;
-
-        .module {
-            padding: lib.s(5) lib.s(10);
-
-            @include lib.spacing;
-        }
-
-        .os-icon {
-            padding-right: lib.s(14);
-        }
-
-        .media-playing {
-            @include lib.spacing(8);
-        }
-
-        .workspaces {
-            @include lib.spacing(10);
-
-            & > .focused {
-                min-width: lib.s(30);
-            }
-
-            &.labels-shown > button {
-                padding: lib.s(3) lib.s(8);
-
-                &.focused {
-                    min-width: 0;
-                    padding-left: lib.s(20);
-                    padding-right: lib.s(20);
-                }
-
-                .icon {
-                    margin-left: lib.s(5);
-
-                    &:nth-child(2) {
-                        margin-left: lib.s(12);
-                    }
-                }
-            }
-        }
-
-        .tray {
-            @include lib.spacing(10);
-        }
-
-        .status-icons .bluetooth {
-            @include lib.spacing(10);
-
-            // The spacing doesn't look right for some reason so this
-            & > :first-child:not(:last-child) {
-                margin-right: lib.s(5);
-            }
-        }
-    }
-
-    &.vertical {
-        margin: 10px 0 10px 10px;
-
-        .module {
-            padding: lib.s(8);
-
-            @include lib.spacing($vertical: true);
-        }
-
-        .os-icon > * {
-            margin-left: lib.s(-5);
-        }
-
-        .media-playing {
-            @include lib.spacing(8, true);
-        }
-
-        .workspaces {
-            @include lib.spacing(10, true);
-
-            & > .focused {
-                min-height: lib.s(30);
-            }
-
-            &.labels-shown > button {
-                padding: lib.s(3) lib.s(8);
-
-                &.focused {
-                    min-height: 0;
-                    padding-top: lib.s(15);
-                    padding-bottom: lib.s(15);
-                }
-
-                .icon {
-                    margin-top: lib.s(2);
-
-                    &:nth-child(2) {
-                        margin-top: lib.s(3);
-                    }
-                }
-            }
-        }
-
-        .tray {
-            @include lib.spacing(10, true);
-        }
-
-        .status-icons .bluetooth {
-            @include lib.spacing(10, true);
-        }
-    }
-
-    &.gaps {
-        padding-right: lib.s(3);
-
-        .module {
-            @include lib.rounded(8);
-
-            background-color: scheme.$base;
-        }
-
-        .screen-corner {
-            background-color: transparent;
-        }
-
-        .os-icon {
-            @include lib.border(scheme.$yellow);
-
-            @if not scheme.$borders {
-                @include lib.shadow;
-
-                background-color: scheme.$yellow;
-                color: scheme.$base;
-            }
-        }
-
-        .power {
-            @include lib.border(scheme.$red);
-
-            @if not scheme.$borders {
-                @include lib.shadow;
-
-                background-color: scheme.$red;
-                color: scheme.$base;
-            }
-        }
-
-        &.horizontal {
-            @include bar-spacing;
-
-            .workspaces {
-                padding: lib.s(6) lib.s(15);
-            }
-        }
-
-        &.vertical {
-            @include bar-spacing(true);
-
-            .workspaces {
-                padding: lib.s(15) lib.s(6);
-            }
-        }
-    }
-
-    &.panel {
-        @include lib.rounded(20);
-        @include lib.border(scheme.$primary, 0.5, 2);
-
-        background-color: scheme.$base;
-
-        .os-icon {
-            font-size: lib.s(16);
-        }
-
-        &.horizontal {
-            padding: lib.s(5) lib.s(10);
-        }
-
-        &.vertical {
-            padding: lib.s(10) lib.s(5);
-
-            .os-icon > * {
-                margin-left: lib.s(-7);
-            }
-        }
-    }
-
-    &.embedded {
-        $-rounding: 23;
-
-        margin: 0;
-
-        .module {
-            background-color: scheme.$base;
-        }
-
-        .screen-corner {
-            @include lib.rounded($-rounding);
-
-            background-color: scheme.$base;
-        }
-
-        &.horizontal {
-            .module {
-                padding: lib.s(10) lib.s(10);
-                padding-left: lib.s(15);
-            }
-
-            .before-spacer {
-                border-bottom-right-radius: lib.s($-rounding);
-                padding-right: lib.s(15);
-            }
-
-            .after-spacer {
-                border-bottom-left-radius: lib.s($-rounding);
-            }
-
-            .workspaces.odd {
-                margin-right: -1px;
-            }
-
-            .last {
-                padding-right: lib.s(12);
-            }
-        }
-
-        &.vertical {
-            .module {
-                padding: lib.s(8) lib.s(10);
-            }
-
-            .before-spacer {
-                border-bottom-right-radius: lib.s($-rounding);
-                padding-bottom: lib.s(15);
-            }
-
-            .after-spacer {
-                border-top-right-radius: lib.s($-rounding);
-                padding-top: lib.s(15);
-            }
-
-            .workspaces.odd {
-                margin-bottom: -1px;
-            }
-
-            .first {
-                padding-top: lib.s(12);
-            }
-
-            .last {
-                padding-bottom: lib.s(12);
-            }
-        }
-    }
-}
diff --git a/scss/common.scss b/scss/common.scss
deleted file mode 100644
index d0fb799..0000000
--- a/scss/common.scss
+++ /dev/null
@@ -1,68 +0,0 @@
-@use "scheme";
-@use "lib";
-@use "font";
-
-label.icon {
-    @include font.icon;
-}
-
-.screen-corner {
-    @include lib.rounded(15);
-
-    background-color: scheme.$base;
-}
-
-.notification {
-    .inner {
-        @include font.main;
-
-        color: scheme.$text;
-        padding: lib.s(10) lib.s(12);
-
-        @include lib.spacing($vertical: true);
-    }
-
-    .header,
-    .content {
-        padding: 0 lib.s(5);
-    }
-
-    .header {
-        @include font.mono;
-        @include lib.spacing(8);
-    }
-
-    .content {
-        @include lib.spacing(10);
-    }
-
-    .app-icon {
-        font-size: lib.s(18);
-    }
-
-    .image {
-        @include lib.rounded(10);
-
-        background-size: cover;
-        background-position: center;
-        margin-top: lib.s(3);
-        min-width: lib.s(64);
-        min-height: lib.s(64);
-
-        &.small {
-            min-width: lib.s(48);
-            min-height: lib.s(48);
-        }
-    }
-
-    .summary {
-        @include font.title;
-
-        font-size: lib.s(16);
-    }
-
-    .body {
-        font-size: lib.s(14);
-        color: scheme.$subtext0;
-    }
-}
diff --git a/scss/launcher.scss b/scss/launcher.scss
deleted file mode 100644
index ff2c422..0000000
--- a/scss/launcher.scss
+++ /dev/null
@@ -1,332 +0,0 @@
-@use "sass:color";
-@use "scheme";
-@use "lib";
-@use "font";
-
-@mixin launcher($mode, $colour) {
-    &.#{$mode} {
-        @include lib.border($colour, 0.7, 2);
-
-        label.icon {
-            color: $colour;
-        }
-
-        .separator {
-            background-color: color.change($colour, $alpha: 0.7);
-        }
-
-        .result:focus {
-            color: $colour;
-
-            .sublabel {
-                color: color.mix(scheme.$subtext0, $colour, 60%);
-            }
-        }
-
-        &.lines {
-            .search-bar {
-                .mode {
-                    @include lib.border($colour, $width: 2, $force: true);
-                }
-
-                .entry {
-                    border-bottom: lib.s(2) solid $colour;
-                }
-            }
-
-            .mode-switcher .mode {
-                &.selected {
-                    border-top: lib.s(2) solid $colour;
-                }
-
-                &:hover,
-                &:focus {
-                    color: $colour;
-                }
-
-                &:active {
-                    color: color.mix($colour, scheme.$base, 80%);
-                }
-            }
-
-            .result:focus {
-                border-bottom: lib.s(2) solid $colour;
-            }
-        }
-
-        &.round {
-            .search-bar .mode {
-                background-color: $colour;
-            }
-
-            .mode-switcher .mode.selected {
-                color: $colour;
-            }
-        }
-    }
-}
-
-.launcher {
-    @include lib.rounded(10);
-    @include lib.element-decel;
-    @include lib.shadow;
-    @include font.mono;
-
-    background-color: scheme.$base;
-    color: scheme.$text;
-    padding: lib.s(14);
-    font-size: lib.s(16);
-    min-width: lib.s(700);
-    min-height: lib.s(420);
-
-    @include launcher(apps, scheme.$primary);
-    @include launcher(files, scheme.$secondary);
-    @include launcher(math, scheme.$tertiary);
-
-    .search-bar {
-        margin-bottom: lib.s(15);
-
-        @include lib.spacing(10);
-
-        .mode {
-            @include lib.rounded(5);
-            @include lib.element-decel;
-
-            padding: lib.s(5) lib.s(10);
-
-            @include lib.spacing(3);
-
-            .icon {
-                font-size: lib.s(20);
-            }
-        }
-    }
-
-    .mode-switcher .mode {
-        @include lib.element-decel;
-
-        padding-top: lib.s(10);
-
-        .icon {
-            font-size: lib.s(24);
-        }
-
-        & > box {
-            @include lib.spacing(10);
-        }
-    }
-
-    .result {
-        @include lib.element-decel;
-
-        padding-left: lib.s(10);
-
-        .icon {
-            font-size: lib.s(32);
-        }
-
-        .has-sublabel {
-            padding: lib.s(3) 0;
-        }
-
-        .sublabel {
-            @include lib.element-decel;
-
-            color: scheme.$subtext0;
-            font-size: lib.s(14);
-        }
-
-        & > box {
-            @include lib.spacing(10);
-        }
-
-        &.italic {
-            font-style: italic;
-        }
-
-        &:hover {
-            background-color: scheme.$surface0;
-        }
-
-        &:active {
-            background-color: color.mix(scheme.$surface0, scheme.$surface1, 70%);
-        }
-    }
-
-    .math {
-        .preview > * {
-            margin-bottom: lib.s(10);
-        }
-
-        .result {
-            @include lib.spacing(10);
-        }
-    }
-
-    .swatches {
-        margin-bottom: lib.s(5);
-
-        @include lib.spacing(3);
-    }
-
-    .swatch {
-        @include lib.rounded(100);
-
-        min-width: lib.s(16);
-        min-height: lib.s(16);
-
-        &.big {
-            min-height: lib.s(32);
-
-            &.left {
-                @include lib.border(scheme.$overlay0, 0.3, $force: true);
-
-                border-right: none;
-                border-top-right-radius: 0;
-                border-bottom-right-radius: 0;
-            }
-
-            &.right {
-                border-top-left-radius: 0;
-                border-bottom-left-radius: 0;
-            }
-        }
-    }
-
-    .wallpaper {
-        .thumbnail {
-            background-size: cover;
-            background-position: center;
-        }
-
-        &.compact .thumbnail {
-            @include lib.rounded(100);
-
-            min-width: lib.s(32);
-            min-height: lib.s(32);
-        }
-
-        &:not(.compact) {
-            @include lib.spacing(3, true);
-
-            .thumbnail {
-                @include lib.rounded(10);
-
-                & > * {
-                    background-size: cover;
-                    background-position: center;
-
-                    &:first-child {
-                        @include lib.rounded(10, $tr: 0, $br: 0);
-                    }
-
-                    &:last-child {
-                        @include lib.rounded(10, $tl: 0, $bl: 0);
-                    }
-                }
-            }
-        }
-
-        &.medium .thumbnail {
-            min-height: lib.s(96);
-        }
-
-        &.large .thumbnail {
-            min-height: lib.s(160);
-        }
-    }
-
-    &.lines {
-        .mode-switcher .mode {
-            border-top: lib.s(2) solid transparent;
-        }
-
-        .result {
-            border-bottom: lib.s(2) solid transparent;
-        }
-
-        .wallpaper {
-            padding-top: lib.s(5);
-
-            &.compact {
-                padding-top: lib.s(3);
-                padding-bottom: lib.s(3);
-            }
-        }
-    }
-
-    &.round {
-        .search-bar {
-            .mode {
-                @include lib.rounded(10);
-
-                color: color.change(scheme.$base, $alpha: 1);
-
-                .icon {
-                    color: color.change(scheme.$base, $alpha: 1);
-                }
-            }
-
-            .entry {
-                @include lib.rounded(10);
-
-                padding: lib.s(5) lib.s(10);
-                background-color: color.mix(scheme.$base, scheme.$surface0, 30%);
-            }
-        }
-
-        .mode-switcher {
-            padding-top: lib.s(10);
-
-            @include lib.spacing(10);
-
-            .mode {
-                @include lib.rounded(10);
-
-                padding: lib.s(5);
-                background-color: color.mix(scheme.$base, scheme.$surface0, 50%);
-
-                &:not(.selected) .icon {
-                    color: scheme.$text;
-                }
-
-                &:hover,
-                &:focus {
-                    background-color: scheme.$surface0;
-                }
-
-                &:active {
-                    background-color: color.mix(scheme.$surface0, scheme.$surface1, 70%);
-                }
-            }
-        }
-
-        .result {
-            @include lib.rounded(10);
-
-            padding-right: lib.s(10);
-            margin-bottom: lib.s(5);
-            margin-right: lib.s(5);
-
-            &:focus {
-                background-color: scheme.$surface0;
-            }
-        }
-
-        .math .preview .result {
-            @include lib.rounded(20);
-
-            background-color: scheme.$surface0;
-            padding: lib.s(5) lib.s(10);
-        }
-
-        .wallpaper-container {
-            padding-right: 0;
-
-            .wallpaper:not(.compact) {
-                padding-top: lib.s(8);
-                padding-bottom: lib.s(3);
-            }
-        }
-    }
-}
diff --git a/scss/mediadisplay.scss b/scss/mediadisplay.scss
deleted file mode 100644
index a167133..0000000
--- a/scss/mediadisplay.scss
+++ /dev/null
@@ -1,139 +0,0 @@
-@use "sass:color";
-@use "scheme";
-@use "lib";
-@use "font";
-
-.mediadisplay {
-    @include font.mono;
-
-    background-color: scheme.$base;
-    color: scheme.$text;
-    padding: lib.s(20);
-    min-height: lib.s(200);
-
-    .visualiser {
-        background-color: scheme.$primary; // Visualiser colour
-        margin-right: lib.s(5); // Gaps between bars
-        min-width: lib.s(10); // Bar width
-        color: scheme.$error;
-        font-size: lib.s(24);
-        font-weight: bold;
-    }
-
-    .cover-art {
-        @include lib.rounded(10);
-        @include lib.element-decel;
-
-        background-position: center;
-        background-repeat: no-repeat;
-        background-size: cover;
-        min-width: lib.s(196);
-        min-height: lib.s(196);
-        font-size: lib.s(96);
-        font-weight: bold;
-        background-color: scheme.$surface0;
-        color: scheme.$subtext0;
-    }
-
-    .details {
-        @include font.title;
-
-        font-size: lib.s(14);
-        margin-top: lib.s(5);
-        margin-left: lib.s(15);
-
-        .title {
-            font-size: lib.s(28);
-            font-weight: 500;
-            color: scheme.$text;
-        }
-
-        .artist {
-            font-size: lib.s(18);
-            color: scheme.$secondary;
-        }
-
-        .controls {
-            @include lib.rounded(1000);
-            @include font.icon;
-
-            margin-top: lib.s(10);
-            background-color: color.change(scheme.$overlay0, $alpha: 0.4);
-            font-size: lib.s(28);
-            padding: lib.s(3) lib.s(8);
-
-            @include lib.spacing(10);
-
-            & > button {
-                @include lib.element-decel;
-
-                &:hover,
-                &:focus {
-                    color: color.mix(scheme.$subtext1, scheme.$subtext0, 50%);
-                }
-
-                &:active {
-                    color: scheme.$subtext0;
-                }
-
-                &:disabled {
-                    color: scheme.$subtext0;
-                }
-            }
-        }
-    }
-
-    .center-module {
-        @include lib.rounded(20);
-        margin: 0 lib.s(40);
-        background-color: color.change(scheme.$surface1, $alpha: 0.4);
-    }
-
-    .selector {
-        @include lib.rounded(15);
-        @include lib.element-decel;
-
-        background-color: color.change(scheme.$overlay0, $alpha: 0.4);
-        padding: lib.s(8) lib.s(15);
-
-        .identity {
-            @include lib.spacing(8);
-        }
-
-        button {
-            @include lib.element-decel;
-
-            &:hover,
-            &:focus {
-                color: color.mix(scheme.$subtext1, scheme.$subtext0, 50%);
-            }
-
-            &:active {
-                color: scheme.$subtext0;
-            }
-        }
-
-        .list > button {
-            margin-top: lib.s(5);
-            color: scheme.$subtext1;
-
-            &:hover,
-            &:focus {
-                color: color.mix(scheme.$subtext1, scheme.$subtext0, 50%);
-            }
-
-            &:active {
-                color: scheme.$subtext0;
-            }
-        }
-    }
-
-    .time {
-        @include lib.rounded(1000);
-
-        font-size: lib.s(16);
-        background-color: color.change(scheme.$overlay0, $alpha: 0.4);
-        padding: lib.s(5) lib.s(10);
-        margin-bottom: lib.s(10);
-    }
-}
diff --git a/scss/navbar.scss b/scss/navbar.scss
deleted file mode 100644
index 72ace59..0000000
--- a/scss/navbar.scss
+++ /dev/null
@@ -1,65 +0,0 @@
-@use "sass:color";
-@use "scheme";
-@use "lib";
-@use "font";
-
-.navbar {
-    @include font.mono;
-
-    background-color: scheme.$base;
-
-    button {
-        color: scheme.$subtext1;
-
-        &:hover,
-        &:focus {
-            color: scheme.$subtext0;
-        }
-
-        &:active {
-            color: color.change(scheme.$overlay2, $alpha: 1);
-        }
-
-        &.current {
-            .nav-button {
-                background-color: scheme.$primary;
-                color: color.change(scheme.$base, $alpha: 1);
-            }
-
-            &:hover .nav-button,
-            &:focus .nav-button {
-                background-color: color.mix(scheme.$primary, scheme.$base, 80%);
-            }
-
-            &:active .nav-button {
-                background-color: color.mix(scheme.$primary, scheme.$base, 70%);
-            }
-        }
-
-        &:first-child .nav-button {
-            margin-top: lib.s(10);
-        }
-
-        &:last-child .nav-button {
-            margin-bottom: lib.s(10);
-        }
-    }
-
-    .nav-button {
-        @include lib.rounded(20);
-        @include lib.element-decel;
-
-        padding: lib.s(10) lib.s(8);
-        margin: lib.s(5) lib.s(8);
-        min-width: lib.s(40);
-
-        .icon {
-            font-size: lib.s(28);
-        }
-
-        .label {
-            font-size: lib.s(12);
-            margin-bottom: lib.s(5);
-        }
-    }
-}
diff --git a/scss/notifpopups.scss b/scss/notifpopups.scss
deleted file mode 100644
index 92d2760..0000000
--- a/scss/notifpopups.scss
+++ /dev/null
@@ -1,51 +0,0 @@
-@use "sass:color";
-@use "scheme";
-@use "lib";
-@use "font";
-
-@mixin popup($colour) {
-    .separator {
-        background-color: $colour;
-    }
-
-    .image {
-        @include lib.border($colour, 0.05);
-    }
-}
-
-.notifpopups {
-    min-width: lib.s(425);
-    padding-left: lib.s(10); // So notifications can overshoot for init animation
-    padding-right: lib.s(5);
-    padding-top: lib.s(5);
-
-    .notification {
-        .wrapper {
-            padding: lib.s(5); // For shadow
-        }
-
-        .inner {
-            @include lib.rounded(10);
-            @include lib.shadow;
-
-            background-color: scheme.$base;
-
-            &.low {
-                @include popup(scheme.$overlay0);
-            }
-
-            &.normal {
-                @include popup(scheme.$primary);
-            }
-
-            &.critical {
-                @include lib.border(scheme.$error, 0.5);
-                @include popup(scheme.$error);
-
-                @if not scheme.$borders {
-                    background-color: color.mix(scheme.$base, scheme.$error, 95%);
-                }
-            }
-        }
-    }
-}
diff --git a/scss/osds.scss b/scss/osds.scss
deleted file mode 100644
index d7afd24..0000000
--- a/scss/osds.scss
+++ /dev/null
@@ -1,51 +0,0 @@
-@use "scheme";
-@use "lib";
-@use "font";
-
-.brightness,
-.volume {
-    @include lib.rounded(8);
-    @include lib.border(scheme.$overlay0, 0.1);
-    @include lib.shadow;
-    @include font.mono;
-
-    background-color: scheme.$base;
-    font-size: lib.s(16);
-    padding: lib.s(3);
-
-    .inner {
-        @include lib.fluent-decel(1000ms);
-
-        min-width: lib.s(300);
-        min-height: lib.s(32);
-        background-color: scheme.$teal;
-    }
-}
-
-.volume .inner.mute {
-    background-color: scheme.$overlay0;
-}
-
-.lock {
-    @include lib.rounded(10);
-    @include lib.border(scheme.$overlay0, 0.1);
-    @include lib.shadow;
-    @include lib.element-decel;
-    @include font.mono;
-
-    min-width: lib.s(80);
-    min-height: lib.s(80);
-    padding: lib.s(10);
-    background-color: scheme.$base;
-    color: scheme.$overlay0;
-    font-size: lib.s(16);
-    font-weight: bold;
-
-    &.enabled {
-        color: scheme.$text;
-    }
-
-    .icon {
-        font-size: lib.s(48);
-    }
-}
diff --git a/scss/scheme/_default.scss b/scss/scheme/_default.scss
deleted file mode 100644
index 71ea197..0000000
--- a/scss/scheme/_default.scss
+++ /dev/null
@@ -1,31 +0,0 @@
-$rosewater: #edcbc5;
-$flamingo: #d3a4a4;
-$pink: #d792c6;
-$mauve: #c678dd;
-$red: #be5046;
-$maroon: #e06c75;
-$peach: #d19a66;
-$yellow: #e5c07b;
-$green: #98c379;
-$teal: #56b6c2;
-$sky: #90ccd7;
-$sapphire: #389dcc;
-$blue: #61afef;
-$lavender: #8e98d9;
-$text: #abb2bf;
-$subtext1: #95a0b5;
-$subtext0: #838b9c;
-$overlay2: #767f8f;
-$overlay1: #666e7c;
-$overlay0: #5c6370;
-$surface2: #4b5263;
-$surface1: #3c414f;
-$surface0: #30343e;
-$base: #282c34;
-$mantle: #21242b;
-$crust: #1e2126;
-$success: #98c379;
-$error: #be5046;
-$primary: #d19a66;
-$secondary: #61afef;
-$tertiary: #98c379;
diff --git a/scss/session.scss b/scss/session.scss
deleted file mode 100644
index 69c8b33..0000000
--- a/scss/session.scss
+++ /dev/null
@@ -1,58 +0,0 @@
-@use "sass:color";
-@use "scheme";
-@use "lib";
-@use "font";
-
-.session {
-    background-color: rgba(0, 0, 0, 0.3);
-
-    .inner {
-        @include lib.rounded(10);
-        @include lib.border(scheme.$flamingo, 0.5, 2);
-        @include lib.shadow;
-        @include font.mono;
-
-        background-color: scheme.$mantle;
-        color: scheme.$text;
-        padding: lib.s(18) lib.s(20);
-
-        @include lib.spacing(10, true);
-
-        & > * {
-            @include lib.spacing(20);
-        }
-
-        .item {
-            font-size: lib.s(14);
-
-            @include lib.spacing($vertical: true);
-
-            button {
-                @include lib.rounded(100);
-                @include lib.element-decel(300ms);
-
-                background-color: color.change(scheme.$surface0, $alpha: 0.4);
-                min-width: lib.s(100);
-                min-height: lib.s(100);
-                font-size: lib.s(32);
-
-                &:hover {
-                    background-color: color.change(scheme.$surface1, $alpha: 0.4);
-                }
-
-                &:focus {
-                    background-color: color.mix(scheme.$flamingo, scheme.$base, 70%);
-                    color: color.change(scheme.$base, $alpha: 1);
-                }
-
-                &:active {
-                    background-color: color.mix(scheme.$flamingo, scheme.$base, 50%);
-                }
-            }
-
-            .label {
-                font-weight: 500;
-            }
-        }
-    }
-}
diff --git a/scss/sidebar.scss b/scss/sidebar.scss
deleted file mode 100644
index d82ad7f..0000000
--- a/scss/sidebar.scss
+++ /dev/null
@@ -1,1118 +0,0 @@
-@use "sass:color";
-@use "sass:list";
-@use "scheme";
-@use "lib";
-@use "font";
-
-@mixin notification($accent) {
-    .separator {
-        background-color: $accent;
-    }
-
-    .image {
-        @include lib.border($accent, 0.05);
-    }
-}
-
-@mixin button {
-    @include lib.element-decel;
-
-    background-color: color.change(scheme.$surface1, $alpha: 0.5);
-
-    &:hover,
-    &:focus {
-        background-color: color.change(scheme.$surface2, $alpha: 0.5);
-    }
-
-    &:active {
-        background-color: color.change(scheme.$overlay0, $alpha: 0.5);
-    }
-
-    &:disabled {
-        color: scheme.$subtext0;
-    }
-}
-
-@mixin button-active {
-    @include lib.element-decel;
-
-    background-color: color.change(color.mix(scheme.$surface1, scheme.$primary, 50%), $alpha: 0.5);
-
-    &:hover,
-    &:focus {
-        background-color: color.change(color.mix(scheme.$surface1, scheme.$primary, 30%), $alpha: 0.5);
-    }
-
-    &:active {
-        background-color: color.change(color.mix(scheme.$surface1, scheme.$primary, 20%), $alpha: 0.5);
-    }
-}
-
-@mixin media-button {
-    @include lib.element-decel;
-
-    &:disabled {
-        color: color.change(scheme.$overlay2, $alpha: 1);
-    }
-
-    &:hover,
-    &:focus {
-        color: color.mix(scheme.$subtext1, scheme.$subtext0, 50%);
-    }
-
-    &:active {
-        color: scheme.$subtext0;
-    }
-}
-
-.sidebar {
-    @include font.mono;
-
-    background-color: scheme.$base;
-    color: scheme.$text;
-    padding: lib.s(18) lib.s(20);
-    min-width: lib.s(380);
-
-    .pane {
-        @include lib.spacing(20, true);
-    }
-
-    .separator {
-        background-color: if(scheme.$light, scheme.$surface1, scheme.$overlay0);
-        margin: 0 lib.s(10);
-    }
-
-    .header-bar {
-        margin-bottom: lib.s(10);
-
-        @include lib.spacing;
-
-        & > :not(button) {
-            font-weight: bold;
-            font-size: lib.s(16);
-        }
-
-        & > button {
-            @include lib.element-decel;
-            @include lib.rounded(10);
-
-            padding: lib.s(3) lib.s(8);
-
-            &:disabled {
-                color: color.change(scheme.$overlay0, $alpha: 1);
-            }
-
-            &:hover,
-            &:focus {
-                color: scheme.$subtext0;
-            }
-
-            &:active {
-                color: color.change(scheme.$overlay2, $alpha: 1);
-            }
-
-            &.enabled {
-                $-base: color.change(scheme.$base, $alpha: 1);
-
-                background-color: scheme.$primary;
-                color: $-base;
-
-                &:hover,
-                &:focus {
-                    background-color: color.mix(scheme.$primary, $-base, 80%);
-                }
-
-                &:active {
-                    background-color: color.mix(scheme.$primary, $-base, 70%);
-                }
-            }
-        }
-    }
-
-    .empty {
-        color: scheme.$subtext0;
-        font-size: lib.s(18);
-
-        .icon {
-            font-size: lib.s(48);
-        }
-    }
-
-    .user {
-        @include lib.spacing(15);
-
-        .face {
-            @include lib.rounded(10);
-
-            background-position: center;
-            background-repeat: no-repeat;
-            background-size: cover;
-            min-width: lib.s(96);
-            min-height: lib.s(96);
-            font-size: lib.s(48);
-            font-weight: bold;
-            background-color: scheme.$base;
-        }
-
-        .details {
-            font-size: lib.s(14);
-
-            @include lib.spacing(8, true);
-
-            .name {
-                font-size: lib.s(18);
-                color: scheme.$text;
-                margin-bottom: lib.s(10);
-            }
-
-            $-colours: scheme.$yellow, scheme.$blue;
-            @for $i from 1 through list.length($-colours) {
-                :nth-child(#{$i + 1}) {
-                    color: list.nth($-colours, $i);
-                }
-            }
-        }
-    }
-
-    .media {
-        @include lib.spacing(15);
-
-        .cover-art {
-            @include lib.rounded(10);
-            @include lib.element-decel;
-
-            background-position: center;
-            background-repeat: no-repeat;
-            background-size: cover;
-            min-width: lib.s(128);
-            min-height: lib.s(128);
-            font-size: lib.s(64);
-            font-weight: bold;
-            background-color: scheme.$base;
-            color: scheme.$subtext0;
-        }
-
-        .details {
-            font-size: lib.s(14);
-
-            .title {
-                font-size: lib.s(16);
-                color: scheme.$text;
-            }
-
-            .artist {
-                color: scheme.$green;
-            }
-
-            .controls {
-                margin-top: lib.s(20);
-                margin-bottom: lib.s(5);
-                font-size: lib.s(24);
-
-                & > button {
-                    @include media-button;
-                }
-            }
-
-            .slider {
-                @include lib.rounded(5);
-                @include lib.fluent-decel(1000ms);
-
-                min-height: lib.s(8);
-                background-color: scheme.$overlay0;
-                color: scheme.$subtext1;
-            }
-
-            .time {
-                margin-top: lib.s(5);
-                font-size: lib.s(13);
-                color: scheme.$subtext0;
-            }
-        }
-    }
-
-    .notification {
-        .wrapper {
-            padding-bottom: lib.s(10);
-        }
-
-        .inner {
-            @include lib.rounded(20);
-
-            background-color: color.change(scheme.$surface1, $alpha: 0.4);
-
-            &.low {
-                @include notification(if(scheme.$light, scheme.$surface1, scheme.$overlay0));
-
-                @if not scheme.$borders {
-                    background-color: color.change(scheme.$surface0, $alpha: 0.4);
-                }
-            }
-
-            &.normal {
-                @include lib.border(scheme.$primary, if(scheme.$light, 0.5, 0.3));
-                @include notification(scheme.$primary);
-            }
-
-            &.critical {
-                @include lib.border(scheme.$error, 0.8);
-                @include notification(scheme.$error);
-
-                @if not scheme.$borders {
-                    background-color: color.change(color.mix(scheme.$surface1, scheme.$error, 80%), $alpha: 0.4);
-                }
-            }
-        }
-
-        .actions {
-            @include lib.spacing;
-
-            & > button {
-                @include button;
-                @include lib.rounded(10);
-
-                padding: lib.s(5) lib.s(10);
-            }
-        }
-    }
-
-    .upcoming {
-        .list {
-            min-height: lib.s(300);
-        }
-
-        .day {
-            @include lib.spacing($vertical: true);
-
-            &:not(:first-child) {
-                margin-top: lib.s(20);
-            }
-
-            .date {
-                margin-left: lib.s(10);
-            }
-
-            .sublabel {
-                font-size: lib.s(14);
-                color: scheme.$subtext0;
-            }
-
-            .events {
-                @include lib.rounded(20);
-
-                background-color: color.change(scheme.$surface1, $alpha: 0.4);
-                padding: lib.s(10) lib.s(15);
-
-                @include lib.spacing(10, true);
-            }
-
-            .event {
-                @include lib.spacing(8);
-            }
-
-            .calendar-indicator {
-                @include lib.rounded(5);
-
-                min-width: lib.s(1);
-
-                $-colours: scheme.$red, scheme.$sapphire, scheme.$flamingo, scheme.$maroon, scheme.$pink, scheme.$sky,
-                    scheme.$peach, scheme.$yellow, scheme.$green, scheme.$rosewater, scheme.$mauve, scheme.$teal,
-                    scheme.$blue;
-                @for $i from 1 through list.length($-colours) {
-                    &.calendar-#{$i} {
-                        background-color: list.nth($-colours, $i);
-                    }
-                }
-            }
-        }
-    }
-
-    .players {
-        .player {
-            @include lib.spacing(40, true);
-
-            .cover-art {
-                @include lib.rounded(10);
-                @include lib.element-decel;
-                @include lib.shadow(scheme.$mantle, $blur: 5, $spread: 2);
-
-                background-position: center;
-                background-repeat: no-repeat;
-                background-size: cover;
-                min-width: lib.s(256);
-                min-height: lib.s(256);
-                font-size: lib.s(96);
-                font-weight: bold;
-                background-color: scheme.$base;
-                color: scheme.$subtext0;
-                margin-top: lib.s(20);
-            }
-
-            .progress {
-                margin: 0 lib.s(40);
-
-                .slider {
-                    @include lib.rounded(8);
-                    @include lib.fluent-decel(1000ms);
-
-                    min-height: lib.s(15);
-                    background-color: scheme.$overlay0;
-                    color: scheme.$subtext1;
-                }
-
-                .time {
-                    margin-top: lib.s(5);
-                    font-size: lib.s(13);
-                    color: scheme.$subtext1;
-                }
-            }
-
-            .details {
-                font-size: lib.s(14);
-                margin-top: lib.s(20);
-
-                @include lib.spacing(3, true);
-
-                .title {
-                    font-size: lib.s(18);
-                    color: scheme.$text;
-                    font-weight: bold;
-                }
-
-                .artist {
-                    color: scheme.$green;
-                }
-
-                .album {
-                    color: scheme.$subtext0;
-                }
-            }
-
-            .controls {
-                margin-top: lib.s(-20);
-                margin-bottom: lib.s(5);
-
-                button {
-                    @include media-button;
-
-                    // Cause some nerd font icons don't have the correct width
-                    &.needs-adjustment {
-                        padding-right: lib.s(5);
-                    }
-                }
-
-                .playback {
-                    font-size: lib.s(32);
-
-                    @include lib.spacing(40);
-                }
-
-                .options {
-                    margin: 0 lib.s(40);
-                    margin-top: lib.s(-10);
-                    font-size: lib.s(20);
-
-                    @include lib.spacing(20);
-                }
-            }
-        }
-
-        .indicators {
-            @include lib.spacing(10);
-
-            & > button {
-                @include lib.rounded(1000);
-                @include lib.element-decel;
-
-                min-width: lib.s(10);
-                min-height: lib.s(10);
-
-                background-color: color.change(scheme.$overlay0, $alpha: 0.5);
-
-                &:hover,
-                &:focus {
-                    background-color: color.change(scheme.$overlay1, $alpha: 0.5);
-                }
-
-                &:active {
-                    background-color: color.change(scheme.$overlay2, $alpha: 0.5);
-                }
-
-                &.active {
-                    background-color: color.change(scheme.$primary, $alpha: 0.9);
-
-                    &:hover,
-                    &:focus {
-                        background-color: color.change(scheme.$primary, $alpha: 0.7);
-                    }
-
-                    &:active {
-                        background-color: color.change(scheme.$primary, $alpha: 0.6);
-                    }
-                }
-            }
-        }
-    }
-
-    .no-wp-prompt {
-        font-size: lib.s(16);
-        color: scheme.$error;
-        margin-top: lib.s(8);
-    }
-
-    .streams {
-        .list {
-            @include lib.spacing(10, true);
-        }
-
-        .stream {
-            @include lib.rounded(20);
-            @include lib.element-decel;
-
-            background-color: color.change(scheme.$surface1, $alpha: 0.4);
-            padding: lib.s(10) lib.s(15);
-
-            @include lib.spacing(5);
-
-            &.playing {
-                background-color: color.change(color.mix(scheme.$surface1, scheme.$primary, 50%), $alpha: 0.4);
-            }
-
-            .icon {
-                font-size: lib.s(28);
-                margin-right: lib.s(12);
-            }
-
-            .sublabel {
-                font-size: lib.s(14);
-                color: scheme.$subtext0;
-            }
-
-            trough {
-                @include lib.rounded(10);
-
-                min-width: lib.s(100);
-                min-height: lib.s(10);
-                background-color: color.change(scheme.$error, $alpha: 0.3);
-
-                fill {
-                    @include lib.rounded(10);
-
-                    background-color: color.change(scheme.$overlay0, $alpha: 1);
-                }
-
-                highlight {
-                    @include lib.rounded(10);
-
-                    background-color: scheme.$subtext1;
-                }
-            }
-
-            & > button {
-                @include media-button;
-
-                font-size: lib.s(18);
-                min-width: lib.s(20);
-                min-height: lib.s(20);
-            }
-        }
-    }
-
-    .device-selector {
-        @include lib.spacing(10, true);
-
-        .selector {
-            @include lib.rounded(20);
-
-            background-color: color.change(scheme.$surface1, $alpha: 0.4);
-            padding: lib.s(10) lib.s(15);
-
-            .icon {
-                font-size: lib.s(20);
-            }
-
-            .separator {
-                margin-bottom: lib.s(8);
-                margin-top: lib.s(5);
-                background-color: if(scheme.$light, scheme.$overlay1, scheme.$overlay0);
-            }
-
-            .list {
-                color: scheme.$subtext0;
-
-                @include lib.spacing(3, true);
-            }
-
-            .device {
-                @include lib.spacing;
-            }
-
-            .selected {
-                color: scheme.$text;
-
-                @include lib.spacing(10);
-
-                .icon {
-                    font-size: lib.s(32);
-                }
-
-                .sublabel {
-                    color: scheme.$subtext0;
-                }
-            }
-
-            button {
-                @include lib.element-decel;
-
-                &:hover,
-                &:focus {
-                    color: scheme.$subtext1;
-                }
-
-                &:active {
-                    color: scheme.$text;
-                }
-            }
-        }
-
-        .stream {
-            @include lib.rounded(20);
-            @include lib.element-decel;
-
-            background-color: color.change(scheme.$surface1, $alpha: 0.4);
-            padding: lib.s(10) lib.s(15);
-
-            @include lib.spacing(5);
-
-            &.playing {
-                background-color: color.change(color.mix(scheme.$surface1, scheme.$primary, 50%), $alpha: 0.4);
-            }
-
-            .icon {
-                font-size: lib.s(28);
-                margin-right: lib.s(12);
-            }
-
-            .sublabel {
-                font-size: lib.s(14);
-                color: scheme.$subtext0;
-            }
-
-            trough {
-                @include lib.rounded(10);
-
-                min-width: lib.s(100);
-                min-height: lib.s(10);
-                background-color: color.change(scheme.$error, $alpha: 0.3);
-
-                fill {
-                    @include lib.rounded(10);
-
-                    background-color: color.change(scheme.$overlay0, $alpha: 1);
-                }
-
-                highlight {
-                    @include lib.rounded(10);
-
-                    background-color: scheme.$subtext1;
-                }
-            }
-
-            & > button {
-                @include media-button;
-
-                font-size: lib.s(18);
-                min-width: lib.s(20);
-                min-height: lib.s(20);
-            }
-        }
-    }
-
-    .networks {
-        .list {
-            @include lib.spacing(10, true);
-        }
-
-        .network {
-            @include lib.rounded(20);
-            @include lib.element-decel;
-
-            background-color: color.change(scheme.$surface1, $alpha: 0.4);
-            padding: lib.s(10) lib.s(15);
-
-            @include lib.spacing(5);
-
-            &.connected {
-                background-color: color.change(color.mix(scheme.$surface1, scheme.$primary, 50%), $alpha: 0.4);
-
-                & > button {
-                    @include button-active;
-                }
-            }
-
-            .icon {
-                font-size: lib.s(28);
-                margin-right: lib.s(12);
-            }
-
-            .sublabel {
-                font-size: lib.s(14);
-                color: scheme.$subtext0;
-            }
-
-            & > button {
-                @include button;
-                @include lib.rounded(1000);
-                @include font.icon;
-
-                font-size: lib.s(18);
-                min-width: lib.s(30);
-                min-height: lib.s(30);
-            }
-        }
-    }
-
-    .bluetooth {
-        .list {
-            @include lib.spacing(10, true);
-        }
-
-        .device {
-            @include lib.rounded(20);
-            @include lib.element-decel;
-
-            background-color: color.change(scheme.$surface1, $alpha: 0.4);
-            padding: lib.s(10) lib.s(15);
-
-            @include lib.spacing(5);
-
-            &.connected {
-                background-color: color.change(color.mix(scheme.$surface1, scheme.$primary, 50%), $alpha: 0.4);
-
-                & > button {
-                    @include button-active;
-                }
-            }
-
-            .icon {
-                font-size: lib.s(28);
-                margin-right: lib.s(12);
-            }
-
-            .sublabel {
-                font-size: lib.s(14);
-                color: scheme.$subtext0;
-            }
-
-            & > button {
-                @include button;
-                @include lib.rounded(1000);
-                @include font.icon;
-
-                font-size: lib.s(18);
-                min-width: lib.s(30);
-                min-height: lib.s(30);
-            }
-        }
-    }
-
-    .updates {
-        .list {
-            @include lib.spacing(10, true);
-        }
-
-        .repo {
-            @include lib.rounded(20);
-            @include lib.element-decel;
-
-            background-color: color.change(scheme.$surface1, $alpha: 0.4);
-            padding: lib.s(10) lib.s(15);
-
-            @include lib.spacing(5);
-
-            .icon {
-                font-size: lib.s(28);
-
-                &:not(:last-child) {
-                    margin-right: lib.s(12);
-                }
-            }
-
-            .sublabel {
-                font-size: lib.s(14);
-                color: scheme.$subtext0;
-            }
-
-            .body {
-                margin-top: lib.s(10);
-                font-size: lib.s(14);
-            }
-        }
-    }
-
-    .news {
-        min-height: lib.s(200);
-
-        .empty {
-            margin-top: lib.s(40);
-        }
-
-        .list {
-            @include lib.spacing(10, true);
-        }
-
-        .article {
-            @include lib.rounded(20);
-            @include lib.element-decel;
-
-            background-color: color.change(scheme.$surface1, $alpha: 0.4);
-            padding: lib.s(10) lib.s(15);
-
-            @include lib.spacing(5);
-
-            .icon {
-                font-size: lib.s(28);
-
-                &:not(:last-child) {
-                    margin-right: lib.s(12);
-                }
-            }
-
-            .sublabel {
-                font-size: lib.s(14);
-                color: scheme.$subtext0;
-            }
-
-            .body {
-                margin-top: lib.s(10);
-                font-size: lib.s(14);
-            }
-        }
-    }
-
-    .headlines {
-        min-height: lib.s(200);
-
-        .empty {
-            margin-top: lib.s(40);
-        }
-
-        .list {
-            @include lib.spacing(10, true);
-        }
-
-        .category {
-            @include lib.rounded(20);
-            @include lib.element-decel;
-
-            background-color: color.change(scheme.$surface0, $alpha: 0.5);
-            padding: lib.s(10) lib.s(15);
-
-            @include lib.spacing(5);
-
-            .icon {
-                font-size: lib.s(28);
-
-                &:not(:last-child) {
-                    margin-right: lib.s(12);
-                }
-            }
-
-            .sublabel {
-                font-size: lib.s(14);
-                color: scheme.$subtext0;
-            }
-
-            .body {
-                margin-top: lib.s(10);
-                font-size: lib.s(14);
-
-                @include lib.spacing(8, true);
-            }
-        }
-
-        .article {
-            @include lib.rounded(20);
-            @include lib.element-decel;
-
-            background-color: color.change(scheme.$surface1, $alpha: 0.3);
-            padding: lib.s(10) lib.s(15);
-
-            .article-body {
-                @include font.reading;
-                @include lib.element-decel;
-
-                font-size: lib.s(15);
-                margin-top: lib.s(10);
-                color: scheme.$subtext1;
-
-                & > :last-child {
-                    margin-top: lib.s(8);
-                }
-
-                .title {
-                    @include font.title;
-
-                    font-size: lib.s(18);
-                    font-weight: 500;
-                    margin-bottom: lib.s(3);
-                }
-            }
-
-            button:hover .article-body,
-            button:focus .article-body {
-                color: color.mix(scheme.$subtext0, scheme.$blue, 60%);
-            }
-        }
-    }
-
-    .time-date {
-        padding: lib.s(12) lib.s(8);
-        font-size: lib.s(48);
-        font-weight: bold;
-        color: scheme.$primary;
-
-        & > * {
-            @include lib.spacing(3);
-        }
-
-        .ampm {
-            font-size: lib.s(24);
-            font-weight: normal;
-            margin-top: lib.s(18);
-            color: scheme.$secondary;
-        }
-
-        .date {
-            font-size: lib.s(20);
-            color: scheme.$tertiary;
-        }
-    }
-
-    .calendar {
-        @include lib.rounded(20);
-
-        background-color: color.change(scheme.$surface1, $alpha: 0.4);
-        padding: lib.s(15);
-
-        .calendar-view {
-            @include lib.spacing(10, true);
-
-            .header {
-                @include lib.spacing(10);
-
-                & > button {
-                    @include lib.rounded(1000);
-                    @include lib.element-decel;
-
-                    background-color: color.change(scheme.$surface2, $alpha: 0.4);
-                    min-width: lib.s(28);
-                    min-height: lib.s(28);
-                    font-size: lib.s(18);
-
-                    &:first-child {
-                        padding: 0 lib.s(10);
-                    }
-
-                    &:hover,
-                    &:focus {
-                        background-color: color.change(scheme.$surface2, $alpha: 0.6);
-                    }
-
-                    &:active {
-                        background-color: color.change(scheme.$surface2, $alpha: 0.8);
-                    }
-                }
-            }
-
-            .weekdays {
-                @include lib.spacing(10);
-
-                & > label {
-                    min-width: lib.s(40);
-                    font-weight: bold;
-                    color: scheme.$subtext1;
-                }
-            }
-
-            .month {
-                @include lib.spacing(10, true);
-            }
-
-            .week {
-                @include lib.spacing(10);
-            }
-
-            .day {
-                @include lib.rounded(1000);
-                @include lib.element-decel;
-
-                min-width: lib.s(40);
-                min-height: lib.s(40);
-
-                &.dim {
-                    color: scheme.$subtext0;
-                }
-
-                &.today:not(.dim) {
-                    background-color: scheme.$primary;
-                    color: color.change(scheme.$base, $alpha: 1);
-                }
-
-                &:hover,
-                &:focus {
-                    color: scheme.$subtext0;
-                }
-
-                &:active {
-                    color: color.change(scheme.$overlay2, $alpha: 1);
-                }
-
-                &.dim {
-                    color: scheme.$subtext0;
-
-                    &:hover,
-                    &:focus {
-                        color: color.change(scheme.$overlay2, $alpha: 1);
-                    }
-
-                    &:active {
-                        color: color.change(scheme.$overlay1, $alpha: 1);
-                    }
-                }
-
-                &.today:not(.dim) {
-                    background-color: scheme.$primary;
-                    color: color.change(scheme.$base, $alpha: 1);
-
-                    &:hover,
-                    &:focus {
-                        background-color: color.mix(scheme.$primary, scheme.$base, 80%);
-                    }
-
-                    &:active {
-                        background-color: color.mix(scheme.$primary, scheme.$base, 70%);
-                    }
-                }
-
-                label {
-                    margin-top: lib.s(8);
-                }
-
-                .indicator {
-                    @include lib.rounded(10);
-                    @include lib.element-decel;
-
-                    min-height: lib.s(3);
-                    margin: 0 lib.s(8);
-                }
-
-                $-max: 5;
-                @for $i from 1 through $-max {
-                    &.events-#{$i} {
-                        $-colour: color.mix(scheme.$red, scheme.$green, calc(100% / $-max) * $i);
-
-                        .indicator {
-                            background-color: $-colour;
-                        }
-
-                        &:hover .indicator,
-                        &:focus .indicator {
-                            background-color: color.mix($-colour, scheme.$base, 80%);
-                        }
-
-                        &:active .indicator {
-                            background-color: color.mix($-colour, scheme.$base, 70%);
-                        }
-
-                        &.dim .indicator {
-                            background-color: color.mix($-colour, scheme.$base, 60%);
-                        }
-
-                        &.today:not(.dim) {
-                            $-colour: color.mix($-colour, color.complement(scheme.$primary), 50%);
-
-                            .indicator {
-                                background-color: $-colour;
-                            }
-
-                            &:hover .indicator,
-                            &:focus .indicator {
-                                background-color: color.mix($-colour, scheme.$base, 80%);
-                            }
-
-                            &:active .indicator {
-                                background-color: color.mix($-colour, scheme.$base, 70%);
-                            }
-                        }
-                    }
-                }
-            }
-        }
-
-        .events {
-            @include lib.spacing(10, true);
-
-            .header {
-                font-weight: bold;
-
-                @include lib.spacing(10);
-
-                & > button {
-                    @include lib.rounded(1000);
-                    @include lib.element-decel;
-
-                    min-width: lib.s(24);
-                    min-height: lib.s(24);
-
-                    &:hover,
-                    &:focus {
-                        color: scheme.$subtext0;
-                    }
-
-                    &:active {
-                        color: color.change(scheme.$overlay2, $alpha: 1);
-                    }
-                }
-            }
-
-            scrollable {
-                min-height: lib.s(315);
-            }
-
-            .date {
-                margin-left: lib.s(10);
-            }
-
-            .sublabel {
-                font-size: lib.s(14);
-                color: scheme.$subtext0;
-            }
-
-            .list {
-                padding: lib.s(5);
-
-                @include lib.spacing(10, true);
-            }
-
-            .event {
-                @include lib.spacing(8);
-            }
-
-            .calendar-indicator {
-                @include lib.rounded(5);
-
-                min-width: lib.s(1);
-
-                $-colours: scheme.$red, scheme.$sapphire, scheme.$flamingo, scheme.$maroon, scheme.$pink, scheme.$sky,
-                    scheme.$peach, scheme.$yellow, scheme.$green, scheme.$rosewater, scheme.$mauve, scheme.$teal,
-                    scheme.$blue;
-                @for $i from 1 through list.length($-colours) {
-                    &.calendar-#{$i} {
-                        background-color: list.nth($-colours, $i);
-                    }
-                }
-            }
-        }
-    }
-}
diff --git a/scss/widgets.scss b/scss/widgets.scss
deleted file mode 100644
index 719e82c..0000000
--- a/scss/widgets.scss
+++ /dev/null
@@ -1,136 +0,0 @@
-@use "sass:color";
-@use "scheme";
-@use "lib";
-@use "font";
-
-separator,
-.separator {
-    @include lib.rounded(2);
-
-    min-width: lib.s(0.5);
-    min-height: lib.s(0.5);
-}
-
-@keyframes appear {
-    from {
-        opacity: 0;
-    }
-
-    to {
-        opacity: 1;
-    }
-}
-
-@mixin -appear($duration: 100ms) {
-    animation-name: appear;
-    animation-duration: $duration;
-    animation-timing-function: ease-out;
-    animation-iteration-count: 1;
-}
-
-menu {
-    @include -appear;
-    @include lib.rounded(10);
-    @include lib.border(scheme.$blue, 0.4);
-    @include font.mono;
-
-    padding: lib.s(8);
-    background-color: scheme.$surface0;
-    color: scheme.$text;
-    font-size: lib.s(14);
-
-    & > menuitem {
-        @include lib.element-decel;
-        @include lib.rounded(8);
-
-        padding: lib.s(5) lib.s(8);
-
-        &:hover,
-        &:focus {
-            background-color: scheme.$surface1;
-        }
-
-        &:active {
-            background-color: scheme.$surface2;
-        }
-
-        &:disabled {
-            color: scheme.$subtext0;
-        }
-
-        & > arrow {
-            @include lib.rounded(1000);
-
-            min-width: lib.s(5);
-            min-height: lib.s(5);
-            background-color: scheme.$blue;
-
-            &.right {
-                margin-left: lib.s(12);
-            }
-
-            &.left {
-                margin-right: lib.s(12);
-            }
-        }
-    }
-
-    & > separator {
-        background-color: color.mix(scheme.$blue, scheme.$surface0, 70%);
-        margin: lib.s(5) 0;
-    }
-}
-
-tooltip,
-.tooltip {
-    @include lib.rounded(10);
-    @include lib.border(scheme.$primary, 0.7);
-    @include font.mono;
-
-    background-color: scheme.$surface0;
-    color: scheme.$text;
-    padding: lib.s(5) lib.s(10);
-}
-
-tooltip {
-    @include -appear(200ms);
-}
-
-.tooltip {
-    @include lib.shadow;
-
-    margin: lib.s(3);
-}
-
-scrollbar {
-    slider {
-        @include lib.rounded(1000);
-        @include lib.element-decel;
-
-        min-width: lib.s(3);
-        min-height: lib.s(30);
-        background-color: color.change(scheme.$overlay0, $alpha: 0.6);
-
-        &:hover,
-        &:focus {
-            min-width: lib.s(6);
-            background-color: color.change(scheme.$overlay0, $alpha: 0.7);
-        }
-
-        &:active {
-            background-color: color.change(scheme.$overlay1, $alpha: 0.8);
-        }
-    }
-}
-
-popover {
-    @include -appear;
-    @include lib.rounded(10);
-    @include lib.border(scheme.$yellow, 0.4);
-    @include font.mono;
-
-    padding: lib.s(8);
-    background-color: color.mix(scheme.$base, scheme.$yellow, 90%);
-    color: scheme.$text;
-    font-size: lib.s(14);
-}