remove old

src/old/_btn.scss

@@ -1,88 +0,0 @@
-.btn {
-    @if $theme {
-        background: $button-color;
-        @include Elevation(1);
-
-        &:hover {
-            background: darken($button-color, 5%);
-        }
-
-        &:active {
-            background: lighten($button-color, 5%);
-        }
-    }
-
-    @else {
-        position: relative;
-        color: black;
-        border: 0;
-        margin: .3rem;
-        padding: .5rem;
-        font-weight: 500;
-        text-transform: uppercase;
-        transition: .05s background-color linear;
-    }
-}
-
-.btn-primary {
-    @if $theme {
-        background: $primary !important;
-        color: $on-primary !important;
-    }
-
-    @else {
-        &:hover {
-            filter: brightness(.95);
-        }
-
-        &:active {
-            filter: brightness(1.05);
-        }
-    }
-}
-
-.btn-secondary {
-    @if $theme {
-        background: $secondary !important;
-        color: $on-primary !important;
-    }
-
-    @else {
-
-        &:hover {
-            filter: brightness(.95);
-        }
-
-        &:active {
-            filter: brightness(1.05);
-        }
-    }
-}
-
-.fab {
-    @if $theme {
-        @include Elevation(6);
-        background: $button-color;
-    }
-
-    @else {
-
-        border-radius: 50%;
-        width: 2.5rem;
-        height: 2.5rem;
-        margin: .5rem;
-        line-height: 1.5rem;
-        font-size: 1.5rem;
-
-        >svg {
-            height: 1.5rem;
-            width: 1.5rem;
-        }
-
-        position: fixed;
-        bottom: 1.5rem;
-        right: 1.5rem;
-
-        border: none;
-    }
-}

src/old/_header.scss

@@ -1,41 +0,0 @@
-.header {
-    @if $theme {
-        @include Elevation(3);
-        background: $primary;
-        color: $on-primary;
-    }
-
-    @else {
-
-        display: flex;
-        justify-content: space-between;
-        padding: .75rem;
-        margin-bottom: .5rem;
-
-        >* {
-            margin: 0;
-            background: $primary;
-            color: $on-primary;
-        }
-
-        .header-title {
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-            flex-grow: 1;
-            margin: 0 1rem;
-        }
-
-        .header-icon-button {
-            display: block;
-            margin-top: auto;
-            margin-bottom: auto;
-            min-width: $default-font-size;
-
-            >svg {
-                height: $default-font-size;
-                width: $default-font-size;
-            }
-        }
-    }
-}

src/old/_input.scss

@@ -1,39 +0,0 @@
-.inp {
-    // background: $background;
-    background: unset;
-    color: $on-background;
-    border: 1px grey solid;
-    padding: 0 .5rem;
-    height: 2rem;
-    display: inline-block;
-    min-width: 10rem;
-
-    &:focus {
-        border-color: $primary;
-    }
-
-    // &disabled {
-    //     background: darken-brighten-color($background, 10%)
-    // }
-}
-
-textarea.inp {
-    height: unset !important;
-    min-height: 6rem !important;
-}
-
-.input-group {
-    display: flex;
-    flex-direction: column;
-    @extend .margin;
-
-    input {
-        @extend .inp;
-    }
-
-    label {
-        display: inline-block;
-        margin-bottom: .3rem;
-        margin-left: .5rem;
-    }
-}

src/old/_list.scss

@@ -1,25 +0,0 @@
-.list {
-    padding: 0;
-    list-style: none;
-
-    li {
-        padding: .5rem;
-    }
-}
-
-.list-divider {
-    li:nth-child(n+2) {
-        // margin-top: 10px;
-        // padding-top: 10px;
-        border-top: 1px solid rgb(128, 128, 128);
-    }
-}
-
-
-
-
-.list-clickable {
-    li:hover {
-        background: darken-brighten-color($background, 5%);
-    }
-}

src/old/_modal.scss

@@ -1,61 +0,0 @@
-.modal {
-    background: $background;
-    // background: rgba(0, 0, 0, 0.04);
-    @include Elevation(24);
-    padding: 1rem;
-
-    margin: auto;
-    max-width: 600px;
-    min-width: 250px;
-    width: calc(100% - 2rem);
-
-    max-height: calc(100vh - 2rem);
-
-    transform: translate(-50%, -50%);
-
-    position: fixed;
-    top: 50%;
-    left: 50%;
-
-    .modal-title {
-        font-weight: 600;
-        font-size: 1.2rem;
-        margin-bottom: .5rem;
-    }
-
-    .modal-content {
-        overflow-y: auto;
-        max-height: calc(100vh - 10rem);
-        // margin: auto;
-    }
-
-    .modal-action {
-        margin-top: .5rem;
-        display: flex;
-
-        :first-child {
-            margin-left: auto;
-        }
-
-        button {
-            @extend .btn;
-        }
-    }
-
-    transform-origin: center;
-    animation: growModalBox .2s linear;
-}
-
-@keyframes growModalBox {
-    from {
-        filter: opacity(0);
-    }
-
-    to {
-        filter: opacity(1);
-    }
-}
-
-.modal-hidden {
-    display: none;
-}