From 47ceed78d01f33adcaaed84b4fc7bf466f343fcc Mon Sep 17 00:00:00 2001
From: Dan Rice <dan.rice@sparkmeter.io>
Date: Tue, 10 May 2022 22:31:26 -0400
Subject: [PATCH] Remove unused CSS

---
 css/_audit_log_feed.scss |  39 ----
 css/_buttons.scss        | 109 -----------
 css/_custom.scss         | 297 ------------------------------
 css/_form.scss           | 287 -----------------------------
 css/_home.scss           |  21 ---
 css/_import.scss         |  63 -------
 css/_layout.scss         | 386 ---------------------------------------
 css/_modal.scss          |  20 --
 css/_navigation.scss     | 358 ------------------------------------
 css/_sidebar.scss        |   0
 css/_table.scss          | 124 -------------
 css/_typography.scss     |  12 --
 css/app.scss             | 131 -------------
 index.html               |   1 -
 package-lock.json        |  17 --
 package.json             |   1 -
 16 files changed, 1866 deletions(-)
 delete mode 100644 css/_audit_log_feed.scss
 delete mode 100644 css/_custom.scss
 delete mode 100644 css/_form.scss
 delete mode 100644 css/_import.scss
 delete mode 100644 css/_modal.scss
 delete mode 100644 css/_navigation.scss
 delete mode 100644 css/_sidebar.scss
 delete mode 100644 css/_table.scss

diff --git a/css/_audit_log_feed.scss b/css/_audit_log_feed.scss
deleted file mode 100644
index 3d896d4..0000000
--- a/css/_audit_log_feed.scss
+++ /dev/null
@@ -1,39 +0,0 @@
-.audit-log-item {
-  padding: 1rem;
-  background: var(--bs-backgroundLight);
-  border-radius: 4px;
-  margin-bottom: 1rem;
-  display: grid;
-  grid-template-columns: max-content 1fr;
-  align-items: center;
-
-  .audit-description {
-    margin: 0;
-
-    &:first-letter {
-      text-transform: capitalize;
-    }
-  }
-
-  .audit-action-icon {
-    width: 3rem;
-    height: 3rem;
-    margin-right: 1rem;
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: 1.75rem 1.5rem;
-    background-image: url('/images/icons/activity-update.svg');
-
-    &.icon-create {
-      background-image: url('/images/icons/activity-create.svg');
-    }
-
-    &.icon-update {
-      background-image: url('/images/icons/activity-update.svg');
-    }
-
-    &.icon-delete {
-      background-image: url('/images/icons/activity-delete.svg');
-    }
-  }
-}
diff --git a/css/_buttons.scss b/css/_buttons.scss
index 5cc93d2..d696fd7 100644
--- a/css/_buttons.scss
+++ b/css/_buttons.scss
@@ -38,113 +38,4 @@ html {
     height: 54px;
     font-size: 1.125rem;
   }
-
-  .action-text + .button-icon {
-    margin-left: 0.75rem;
-  }
-
-  .btn:hover .button-icon {
-    opacity: 1;
-  }
-
-  .button-icon {
-    background-repeat: no-repeat;
-    background-size: contain;
-    background-position: center;
-    width: 1rem;
-    height: 1rem;
-    display: inline-block;
-    opacity: 0.75;
-    transition: opacity 200ms ease;
-
-    & + .action-text {
-      margin-left: 0.75rem;
-    }
-
-    &.add {
-      color: white;
-      background-image: url('/images/icons/add.svg');
-    }
-
-    &.power {
-      background-image: url('/images/icons/power.svg');
-    }
-
-    &.console-icon {
-      background-image: url('/images/icons/console.svg');
-    }
-
-    &.edit {
-      background-image: url('/images/icons/edit.svg');
-    }
-
-    &.download {
-      background-image: url('/images/icons/download.svg');
-    }
-
-    &.delete {
-      background-image: url('/images/icons/trash.svg');
-    }
-
-    &.quarantine {
-      background-image: url('/images/icons/quarantine.svg');
-    }
-
-    &.filter {
-      background-image: url('/images/icons/filter.svg');
-    }
-
-    &.upload {
-      background-image: url('/images/icons/upload.svg');
-    }
-  }
-
-  .btn-filter-show {
-    &:focus {
-      box-shadow: none;
-    }
-  }
-
-  .btn-filter-hide {
-    border: 2px solid var(--bs-primary);
-
-    &:hover {
-      border-color: var(--bs-primary) !important;
-    }
-
-    &:focus {
-      box-shadow: none;
-    }
-  }
-
-  .button-submit-wrapper {
-    margin-top: 4rem;
-    display: flex;
-    align-items: center;
-
-    .btn + .btn {
-      margin-left: 1.5rem;
-    }
-  }
-
-  .btn-sm {
-    padding: 0.25rem 0.5rem;
-    height: auto;
-    min-width: 2rem;
-  }
-
-  .btn-action {
-    @media (max-width: 860px) {
-      min-width: 3.5rem;
-
-      .action-text {
-        display: none;
-      }
-
-      .button-icon {
-        margin: 0 !important;
-        opacity: 1;
-      }
-    }
-  }
 }
diff --git a/css/_custom.scss b/css/_custom.scss
deleted file mode 100644
index ed9f8ee..0000000
--- a/css/_custom.scss
+++ /dev/null
@@ -1,297 +0,0 @@
-.no-results-blowup-wrapper {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  margin-top: 10vh;
-}
-
-.opacity-1 {
-  opacity: 1;
-}
-
-.opacity-75 {
-  opacity: 0.75;
-}
-
-.opacity-50 {
-  opacity: 0.5;
-}
-
-.opacity-25 {
-  opacity: 0.25;
-}
-
-.opacity-0 {
-  opacity: 0;
-}
-
-.divider {
-  height: 1px;
-  background-color: rgba(255, 255, 255, 0.1);
-  margin: 2rem 0;
-}
-
-.box-item {
-  border: 1px solid var(--bs-white-50);
-  border-radius: 4px;
-  padding: 1.5rem;
-  transition: all 200ms ease;
-
-  &:hover {
-    border-color: white;
-  }
-}
-
-.firmware-key {
-  display: grid;
-  grid-template-columns: 3rem 1fr min-content;
-  grid-column-gap: 1.5rem;
-  align-items: center;
-  justify-content: center;
-  margin-top: 1.5rem;
-
-  &:first-child {
-    margin-top: 0;
-  }
-
-  & > img {
-    margin: auto;
-    opacity: 0.75;
-  }
-
-  .key-value {
-    font-size: 0.75rem;
-    color: var(--bs-white-50);
-    margin-top: 0.5rem;
-  }
-}
-.options .dropdown-item {
-  color: var(--bs-white-50);
-  transition: color 200ms ease;
-  display: flex;
-  align-items: center;
-  padding: 1rem;
-  font-weight: bold;
-  text-transform: capitalize;
-
-  &:hover {
-    color: white;
-    background-color: transparent;
-  }
-
-  &:focus {
-    background-color: transparent;
-    outline: none;
-  }
-}
-
-.dropdown-toggle.options {
-  width: 2.5rem;
-  height: 2.5rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: opacity 200ms ease;
-  opacity: 0.75;
-
-  &:hover,
-  &[aria-expanded='true'] {
-    opacity: 1;
-  }
-
-  &:after {
-    display: none;
-  }
-
-  & + .dropdown-menu {
-    padding: 0;
-    border-radius: 4px;
-    background-color: var(--bs-background);
-    border: 1px solid var(--bs-white-75);
-
-    li {
-      color: white;
-
-      &:after {
-        display: block;
-        margin: 1rem 0;
-        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
-        content: '';
-      }
-
-      &:last-child:after {
-        display: none;
-      }
-    }
-  }
-}
-
-.tooltip-label {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  cursor: pointer;
-
-  &:hover {
-    .tooltip-info {
-      opacity: 1;
-    }
-
-    .tooltip-text {
-      display: block;
-    }
-  }
-
-  .tooltip-text {
-    padding: 0.5rem;
-    background: var(--bs-backgroundDark);
-    position: absolute;
-    left: 100%;
-    top: -0.25rem;
-    display: none;
-    width: 13rem;
-    text-transform: none;
-    z-index: 1;
-    border-radius: 4px;
-    color: white;
-    font-size: 14px;
-    font-weight: 400;
-    line-height: 19px;
-  }
-
-  .tooltip-info {
-    width: 2rem;
-    height: 1rem;
-    opacity: 0.5;
-    transition: opacity 200ms ease;
-    background-image: url('/images/icons/info.svg');
-    background-position: center;
-    background-size: 1rem;
-    background-repeat: no-repeat;
-  }
-
-  &.help-tooltip {
-    .tooltip-info {
-      margin-top: -2px;
-    }
-  }
-}
-
-.display-box {
-  background: var(--bs-backgroundLight);
-  padding: 2.5rem;
-  border-radius: 4px;
-  margin-bottom: 2rem;
-}
-
-.back-link {
-  padding-left: 1.5rem;
-  background-image: url('/images/icons/arrow-back-red.svg');
-  background-position: left 14px;
-  background-repeat: no-repeat;
-  font-weight: bold;
-  display: inline-flex;
-  line-height: 44px;
-}
-
-.device-meta-grid,
-.deployment-meta-grid {
-  display: grid;
-  grid-template-columns: max-content max-content max-content 1fr;
-  grid-column-gap: 7.5rem;
-
-  @media (max-width: 900px) {
-    grid-template-columns: 1fr 1fr;
-    grid-column-gap: 3.5rem;
-    grid-row-gap: 2rem;
-  }
-
-  .help-text {
-    margin-bottom: 0.5rem;
-  }
-}
-
-.firmware-meta-grid {
-  display: grid;
-  grid-template-columns: repeat(4, 1fr);
-  grid-column-gap: 3rem;
-  grid-row-gap: 2rem;
-
-  & > div:first-child {
-    grid-column: span 2;
-  }
-
-  .help-text {
-    margin-bottom: 0.5rem;
-  }
-
-  @media (max-width: 860px) {
-    grid-template-columns: 1fr 1fr 1fr;
-  }
-}
-
-.device-limit-indicator {
-  background-image: url('/images/icons/device.svg');
-  background-position: right center;
-  background-repeat: no-repeat;
-  background-size: 1.5rem;
-  padding-right: 2rem;
-  letter-spacing: 4px;
-
-  @media (max-width: 860px) {
-    display: none;
-  }
-}
-
-html {
-  .btn-group > form:not(:first-child) .btn {
-    margin-left: -1px;
-  }
-
-  .btn-group > form:not(:last-child) .btn {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-
-  .btn-group > form:not(:first-child) .btn {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-}
-
-.failure-rate-grid {
-  display: grid;
-  grid-template-columns: repeat(4, max-content);
-  justify-content: space-between;
-  align-items: center;
-}
-
-.action-row {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 1.5rem;
-
-  & + h1 {
-    margin-top: -1.5rem;
-  }
-
-  h1 {
-    margin-bottom: 0;
-  }
-
-  @media (max-width: 860px) {
-    margin-bottom: 1rem;
-
-    & + h1 {
-      margin-top: 0;
-    }
-  }
-}
-
-@media (max-width: 1000px) and (min-width: 480px) {
-  .collapse.deployment-form.show {
-    display: grid !important;
-  }
-}
diff --git a/css/_form.scss b/css/_form.scss
deleted file mode 100644
index 0b8a080..0000000
--- a/css/_form.scss
+++ /dev/null
@@ -1,287 +0,0 @@
-html {
-  .small-form {
-    width: 260px;
-    margin: auto;
-  }
-
-  .form-group {
-    max-width: 360px;
-    width: 100%;
-    margin: 0 0 2rem;
-    position: relative;
-
-    &.full {
-      max-width: 100%;
-    }
-
-    &:first-child {
-      margin-top: 0;
-    }
-
-    &.hidden {
-      display: none;
-    }
-  }
-
-  .form-control {
-    appearance: none;
-    background: transparent;
-    color: white;
-    border: 1px solid var(--bs-white-25);
-    height: 48px;
-    font-size: 16px;
-    font-weight: 400;
-    display: block;
-    border-radius: 4px;
-
-    &:focus {
-      background: transparent;
-      border-color: white;
-      color: white;
-      outline: none;
-      box-shadow: none;
-    }
-
-    &:disabled {
-      background-color: var(--bs-white-25);
-      opacity: 0.8;
-      cursor: not-allowed;
-    }
-
-    &.small {
-      height: auto;
-      max-width: 56px;
-      font-size: 14px;
-      text-align: right;
-    }
-
-    &.invalid {
-      border: 1px solid var(--bs-warning);
-    }
-  }
-
-  input[type='number'].small {
-    -moz-appearance: textfield;
-  }
-
-  input[type='number'].small::-webkit-outer-spin-button,
-  input[type='number'].small::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-    margin: 0;
-  }
-
-  .form-control-md {
-    max-width: 180px;
-  }
-
-  .form-control-sm {
-    max-width: 100px;
-  }
-
-  label {
-    font-size: 18px;
-    color: var(--bs-white-50);
-    font-weight: 500;
-    display: inline-flex;
-    flex-direction: row;
-    align-items: center;
-    margin-bottom: 0.5rem;
-    cursor: pointer;
-  }
-
-  input:-webkit-autofill,
-  input:-webkit-autofill:hover,
-  input:-webkit-autofill:focus,
-  textarea:-webkit-autofill,
-  textarea:-webkit-autofill:hover,
-  textarea:-webkit-autofill:focus,
-  select:-webkit-autofill,
-  select:-webkit-autofill:hover,
-  select:-webkit-autofill:focus {
-    border: 1px solid var(--bs-primary-50);
-    -webkit-text-fill-color: white;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-    transition: background-color 5000s ease-in-out 0s;
-    font-family: 'Montserrat', sans-serif;
-    font-size: 16px;
-  }
-
-  .checkbox {
-    display: inline-block;
-    height: 25px;
-    width: 25px;
-    -webkit-filter: grayscale(100%);
-    filter: grayscale(100%);
-  }
-
-  .form-page-wrapper {
-    align-items: center;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    margin-top: 72px;
-    width: 100%;
-
-    .form-page {
-      display: flex;
-      flex-direction: column;
-      margin-top: 72px;
-      max-width: 360px;
-      width: 100%;
-    }
-
-    .form-title {
-      opacity: 1;
-      text-align: center;
-      color: white;
-    }
-
-    .forgot-password {
-      margin-top: 2px;
-    }
-
-    .help-text {
-      color: var(--bs-white-50);
-      margin: 3.25rem 0 0.75rem;
-      font-weight: 500;
-    }
-  }
-
-  .password-validation-wrapper {
-    list-style: none;
-    margin: -1rem 0 2rem;
-    padding: 0;
-
-    li {
-      margin: 0.5rem 0 0;
-      padding: 0 0 0 24px;
-      position: relative;
-
-      &:before {
-        background-color: #5b5d5f;
-        border-radius: 100%;
-        content: '';
-        display: inline-block;
-        height: 0.5rem;
-        left: 0;
-        position: absolute;
-        width: 0.5rem;
-        top: 7px;
-      }
-
-      &.validated:before {
-        background-color: transparent;
-        background-image: url('/images/icons/check.svg');
-        background-position: center;
-        background-repeat: no-repeat;
-        background-size: 20px;
-      }
-
-      &:last-child {
-        margin-top: 0;
-      }
-    }
-  }
-
-  select {
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    cursor: pointer;
-
-    & + .select-icon {
-      pointer-events: none;
-      width: 1.5rem;
-      height: 1.5rem;
-      background-image: url('/images/icons/dropdown-red.svg');
-      background-position: center;
-      background-repeat: no-repeat;
-      position: absolute;
-      right: 0.75rem;
-      bottom: 0.75rem;
-      margin: auto;
-    }
-  }
-
-  .has-error {
-    color: var(--bs-danger);
-    margin-top: 0.25rem;
-    font-weight: 500;
-    font-size: 1rem;
-    text-transform: capitalize;
-  }
-
-  .custom-upload-group {
-    max-width: 100%;
-
-    label {
-      width: 35rem;
-      height: 12rem;
-      max-width: 100%;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-      border: 1px dashed var(--bs-white-50);
-      border-radius: 4px;
-      background: none;
-      position: static;
-      transition: border-color 200ms ease;
-      text-align: center;
-      color: white;
-      margin: 0;
-
-      &.selected {
-        color: var(--bs-white-50);
-
-        .file-name {
-          color: white;
-          padding-top: 0.5rem;
-        }
-      }
-
-      &:after {
-        display: none;
-      }
-
-      &:hover {
-        border-color: white;
-      }
-    }
-
-    input {
-      height: 0;
-      opacity: 0;
-      margin: 0;
-      position: absolute;
-    }
-  }
-
-  .filter-wrapper {
-    background-color: var(--bs-backgroundLight);
-    border-radius: 4px;
-    padding: 1.5rem;
-    margin-bottom: 1.5rem;
-  }
-
-  .filter-form {
-    &.device-filters {
-      display: grid;
-      grid-template-columns: 3fr 3fr 3fr 2fr 2fr;
-      grid-column-gap: 1rem;
-
-      @media (max-width: 860px) {
-        grid-template-columns: 1fr 1fr 1fr;
-
-        .form-group:first-child {
-          grid-column: span 2;
-          max-width: 100%;
-        }
-      }
-    }
-
-    label {
-      font-size: 0.875rem;
-    }
-  }
-}
diff --git a/css/_home.scss b/css/_home.scss
index 9540c15..43d22f7 100644
--- a/css/_home.scss
+++ b/css/_home.scss
@@ -48,27 +48,6 @@ $primary: #a72b2a;
     line-height: 1.75rem;
   }
 
-  .alert {
-    border-radius: 0;
-    margin: 0;
-    position: fixed;
-    top: 0;
-    width: 100%;
-    z-index: 99;
-    padding: 0;
-
-    .content-container {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-    }
-
-    .close {
-      position: static;
-      padding: 0.75rem;
-    }
-  }
-
   .btn-home {
     max-width: 264px;
     width: 100%;
diff --git a/css/_import.scss b/css/_import.scss
deleted file mode 100644
index b8188f2..0000000
--- a/css/_import.scss
+++ /dev/null
@@ -1,63 +0,0 @@
-html {
-  .import-csv {
-    // input[type=file] {
-    //   color: transparent;
-    // }
-
-    ::-webkit-file-upload-button {
-      display: none;
-    }
-
-    width: 100%;
-    height: 6rem;
-    max-width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    border: 1px dashed var(--bs-white-50);
-    border-radius: 4px;
-    background: none;
-    position: static;
-    transition: border-color 200ms ease;
-    text-align: center;
-    color: white;
-    margin: 0;
-
-    &:after {
-      display: none;
-    }
-
-    &:hover {
-      border-color: white;
-    }
-
-    .upload-select {
-      width: 100%;
-      height: 100%;
-      max-width: 100%;
-
-      background: none;
-      position: static;
-      margin: 0;
-    }
-  }
-
-  td.import-warning {
-    border: 2px dashed var(--bs-primary);
-
-    &:hover {
-      .tooltip-text {
-        display: block;
-      }
-    }
-  }
-
-  td.import-updating {
-    border: 2px dashed green;
-  }
-
-  tr.import-malformed {
-    background-color: var(--bs-primary-75);
-  }
-}
diff --git a/css/_layout.scss b/css/_layout.scss
index 4438c19..8db1574 100644
--- a/css/_layout.scss
+++ b/css/_layout.scss
@@ -11,390 +11,4 @@ html {
   .flex-row {
     display: flex;
   }
-
-  .inline-flex {
-    display: inline-flex;
-  }
-
-  // Margin
-
-  .mt-1 {
-    margin-top: 0.5rem !important;
-  }
-
-  .mt-2 {
-    margin-top: 1rem !important;
-  }
-
-  .mt-3 {
-    margin-top: 1.5rem !important;
-  }
-
-  .mt-4 {
-    margin-top: 2rem !important;
-  }
-
-  .mt-5 {
-    margin-top: 2.5rem !important;
-  }
-
-  .mt-6 {
-    margin-top: 3rem !important;
-  }
-
-  .mt-7 {
-    margin-top: 3.5rem !important;
-  }
-
-  .mt-8 {
-    margin-top: 4rem !important;
-  }
-
-  .mr-1 {
-    margin-right: 0.5rem !important;
-  }
-
-  .mr-2 {
-    margin-right: 1rem !important;
-  }
-
-  .mr-3 {
-    margin-right: 1.5rem !important;
-  }
-
-  .mr-4 {
-    margin-right: 2rem !important;
-  }
-
-  .mr-5 {
-    margin-right: 2.5rem !important;
-  }
-
-  .mr-6 {
-    margin-right: 3rem !important;
-  }
-
-  .mr-7 {
-    margin-right: 3.5rem !important;
-  }
-
-  .mr-8 {
-    margin-right: 4rem !important;
-  }
-
-  .mb-1 {
-    margin-bottom: 0.5rem !important;
-  }
-
-  .mb-2 {
-    margin-bottom: 1rem !important;
-  }
-
-  .mb-3 {
-    margin-bottom: 1.5rem !important;
-  }
-
-  .mb-4 {
-    margin-bottom: 2rem !important;
-  }
-
-  .mb-5 {
-    margin-bottom: 2.5rem !important;
-  }
-
-  .mb-6 {
-    margin-bottom: 3rem !important;
-  }
-
-  .mb-7 {
-    margin-bottom: 3.5rem !important;
-  }
-
-  .mb-8 {
-    margin-bottom: 4rem !important;
-  }
-
-  .ml-1 {
-    margin-left: 0.5rem !important;
-  }
-
-  .ml-2 {
-    margin-left: 1rem !important;
-  }
-
-  .ml-3 {
-    margin-left: 1.5rem !important;
-  }
-
-  .ml-4 {
-    margin-left: 2rem !important;
-  }
-
-  .ml-5 {
-    margin-left: 2.5rem !important;
-  }
-
-  .ml-6 {
-    margin-left: 3rem !important;
-  }
-
-  .ml-7 {
-    margin-left: 3.5rem !important;
-  }
-
-  .ml-8 {
-    margin-left: 4rem !important;
-  }
-
-  // Padding
-
-  .pt-1 {
-    padding-top: 0.5rem !important;
-  }
-
-  .pt-2 {
-    padding-top: 1rem !important;
-  }
-
-  .pt-3 {
-    padding-top: 1.5rem !important;
-  }
-
-  .pt-4 {
-    padding-top: 2rem !important;
-  }
-
-  .pt-5 {
-    padding-top: 2.5rem !important;
-  }
-
-  .pt-6 {
-    padding-top: 3rem !important;
-  }
-
-  .pt-7 {
-    padding-top: 3.5rem !important;
-  }
-
-  .pt-8 {
-    padding-top: 4rem !important;
-  }
-
-  .pr-1 {
-    padding-right: 0.5rem !important;
-  }
-
-  .pr-2 {
-    padding-right: 1rem !important;
-  }
-
-  .pr-3 {
-    padding-right: 1.5rem !important;
-  }
-
-  .pr-4 {
-    padding-right: 2rem !important;
-  }
-
-  .pr-5 {
-    padding-right: 2.5rem !important;
-  }
-
-  .pr-6 {
-    padding-right: 3rem !important;
-  }
-
-  .pr-7 {
-    padding-right: 3.5rem !important;
-  }
-
-  .pr-8 {
-    padding-right: 4rem !important;
-  }
-
-  .pb-1 {
-    padding-bottom: 0.5rem !important;
-  }
-
-  .pb-2 {
-    padding-bottom: 1rem !important;
-  }
-
-  .pb-3 {
-    padding-bottom: 1.5rem !important;
-  }
-
-  .pb-4 {
-    padding-bottom: 2rem !important;
-  }
-
-  .pb-5 {
-    padding-bottom: 2.5rem !important;
-  }
-
-  .pb-6 {
-    padding-bottom: 3rem !important;
-  }
-
-  .pb-7 {
-    padding-bottom: 3.5rem !important;
-  }
-
-  .pb-8 {
-    padding-bottom: 4rem !important;
-  }
-
-  .pl-1 {
-    padding-left: 0.5rem !important;
-  }
-
-  .pl-2 {
-    padding-left: 1rem !important;
-  }
-
-  .pl-3 {
-    padding-left: 1.5rem !important;
-  }
-
-  .pl-4 {
-    padding-left: 2rem !important;
-  }
-
-  .pl-5 {
-    padding-left: 2.5rem !important;
-  }
-
-  .pl-6 {
-    padding-left: 3rem !important;
-  }
-
-  .pl-7 {
-    padding-left: 3.5rem !important;
-  }
-
-  .pl-8 {
-    padding-left: 4rem !important;
-  }
-
-  .p-1 {
-    padding: 0.5rem !important;
-  }
-
-  .p-2 {
-    padding: 1rem !important;
-  }
-
-  .p-3 {
-    padding: 1.5rem !important;
-  }
-
-  .p-4 {
-    padding: 2rem !important;
-  }
-
-  .p-5 {
-    padding: 2.5rem !important;
-  }
-
-  .p-6 {
-    padding: 3rem !important;
-  }
-
-  .p-7 {
-    padding: 3.5rem !important;
-  }
-
-  .p-8 {
-    padding: 4rem !important;
-  }
-
-  .pos-rel {
-    position: relative;
-  }
-
-  .x3-grid {
-    display: grid;
-    grid-template-columns: 1fr 1fr 1fr;
-    grid-column-gap: 2rem;
-    grid-row-gap: 2rem;
-
-    @media (max-width: 1100px) {
-      grid-template-columns: 1fr 1fr;
-    }
-
-    @media (max-width: 600px) {
-      grid-template-columns: 1fr;
-    }
-
-    .grid-item {
-      border: 1px solid var(--bs-white-50);
-      border-radius: 4px;
-      height: 216px;
-      padding: 2rem;
-      display: flex;
-      transition: all 200ms ease;
-      flex-direction: column;
-      justify-content: space-between;
-
-      &:hover {
-        border-color: white;
-      }
-
-      h3 {
-        word-break: break-all;
-      }
-    }
-  }
-
-  .x4-grid {
-    display: grid;
-    grid-template-columns: 1fr 1fr 1fr 1fr;
-    grid-column-gap: 2rem;
-    grid-row-gap: 2rem;
-
-    @media (max-width: 860px) {
-      grid-template-columns: 1fr 1fr;
-    }
-
-    @media (max-width: 600px) {
-      grid-template-columns: 1fr;
-    }
-  }
-
-  .x2-grid {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    grid-column-gap: 2rem;
-    grid-row-gap: 2rem;
-
-    &.deployment-form {
-      grid-template-columns: 360px 360px;
-      grid-row-gap: 0;
-      grid-column-gap: 3rem;
-
-      .form-group:first-child {
-        grid-column: span 2;
-      }
-
-      @media (max-width: 860px) {
-        grid-template-columns: 360px;
-
-        .form-group:first-child {
-          grid-column: 1;
-        }
-      }
-    }
-
-    @media (max-width: 600px) {
-      grid-template-columns: 1fr;
-    }
-  }
-
-  .gc-span-2 {
-    grid-column: span 2;
-  }
-
-  .gr-2 {
-    grid-row: 2;
-  }
 }
diff --git a/css/_modal.scss b/css/_modal.scss
deleted file mode 100644
index 08eb03d..0000000
--- a/css/_modal.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-.modal-content {
-  @extend .text-dark !optional;
-  font-size: 18px;
-  background-color: white;
-  width: 70%;
-  margin: auto;
-  min-width: 600px;
-}
-
-.modal-header {
-  @extend .bg-dark !optional;
-  display: block;
-  text-align: left;
-  color: white;
-}
-
-.modal-footer {
-  background-color: whitesmoke;
-  padding-top: 14px;
-}
diff --git a/css/_navigation.scss b/css/_navigation.scss
deleted file mode 100644
index c7e26ee..0000000
--- a/css/_navigation.scss
+++ /dev/null
@@ -1,358 +0,0 @@
-@media (min-width: 480px) and (max-width: 1000px) {
-  .collapse {
-    display: none !important;
-  }
-}
-
-nav.navbar {
-  background-color: var(--bs-backgroundDark);
-  height: 5rem;
-  padding: 0;
-
-  @media (max-width: 860px) {
-    height: 4rem;
-
-    &.navbar-expand {
-      .navbar-nav .nav-item > .dropdown-menu {
-        position: fixed;
-        top: 4rem;
-        left: 0;
-        right: 0;
-        height: calc(100vh - 4rem);
-        overflow-y: auto;
-
-        .dropdown-divider {
-          border-width: 2px;
-        }
-      }
-
-      .dropdown-menu .dropdown-menu {
-        position: relative;
-        display: block;
-        border: none;
-
-        .dropdown-divider,
-        .btn,
-        .help-text {
-          display: none;
-        }
-
-        .dropdown-item {
-          padding-left: 2.5rem;
-
-          &:before {
-            width: 0.4rem;
-            height: 0.4rem;
-            border-radius: 100%;
-            background-color: var(--bs-primary);
-            content: '';
-            display: inline-block;
-            margin-right: 1rem;
-          }
-        }
-      }
-    }
-  }
-}
-
-.dropdown .dropdown-menu {
-  background-color: var(--bs-backgroundDark);
-  border-radius: 0;
-  box-shadow: none;
-  padding: 0;
-  border: 1px solid #5b5d5f;
-  width: 100%;
-  margin-top: -2px;
-
-  @media (max-width: 860px) {
-    border: none;
-    border-top: 1px solid #5b5d5f;
-  }
-
-  .dropdown-divider {
-    border-color: rgba(255, 255, 255, 0.1);
-    margin: 0;
-    padding: 0;
-  }
-
-  .help-text {
-    background-color: var(--bs-backgroundDark);
-    margin-top: 1.5rem;
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-    padding-bottom: 0.5rem;
-  }
-}
-
-.dropdown-toggle:focus {
-  outline: none;
-}
-
-.dropdown-toggle.nav-link {
-  &:after {
-    background-image: url('/images/icons/dropdown-25.svg');
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: contain;
-    border: none;
-    height: 16px;
-    left: 4px;
-    position: relative;
-    top: 6px;
-    width: 16px;
-  }
-
-  &.arrow-primary:after {
-    background-image: url('/images/icons/dropdown-red.svg');
-  }
-}
-
-.nav-item .dropdown-item {
-  color: var(--bs-white-50);
-  transition: all 200ms ease;
-  display: flex;
-  align-items: center;
-  padding: 1.5rem;
-  font-weight: bold;
-  background: var(--bs-backgroundDark);
-
-  &:focus {
-    background: none;
-    color: white;
-    outline: none;
-  }
-
-  &:hover {
-    color: white;
-    background-color: var(--bs-backgroundLight);
-  }
-
-  &.active {
-    color: white;
-    background-color: var(--bs-backgroundLight);
-
-    .active-checkmark {
-      width: 1.25rem;
-      height: 1.25rem;
-      margin-left: 0.5rem;
-      background-image: url('/images/icons/check.svg');
-      background-size: contain;
-      background-position: center;
-      background-repeat: no-repeat;
-    }
-  }
-
-  &.org {
-    background-image: url('/images/icons/arrow-forward-red.svg');
-    background-repeat: no-repeat;
-    background-size: 0.875rem;
-    background-position: right 1.5rem center;
-
-    @media (max-width: 860px) {
-      background-image: none;
-    }
-  }
-
-  &.dropdown-toggle:after {
-    display: none;
-  }
-
-  @media (max-width: 860px) {
-    padding: 1rem 1.5rem;
-  }
-}
-
-.navbar-dark.navbar-expand .navbar-nav .nav-link {
-  padding: 1rem 1.5rem;
-  border: 1px solid transparent;
-  transition: all 200ms ease;
-
-  &[aria-expanded='true'] {
-    border: 1px solid var(--bs-white-25);
-    border-radius: 5px 5px 0 0;
-
-    @media (max-width: 860px) {
-      border-radius: 0;
-      background: rgba(255, 255, 255, 0.05);
-    }
-  }
-
-  &.org-select {
-    font-size: 1.125rem;
-    font-weight: 700;
-    color: white;
-    min-width: 340px;
-
-    @media (max-width: 860px) {
-      min-width: 0;
-      font-size: 0.875rem;
-      height: 4rem;
-    }
-  }
-
-  &.user-menu {
-    color: var(--bs-white-75);
-    min-width: 208px;
-    text-align: right;
-    height: 4rem;
-
-    span {
-      display: inline-block;
-    }
-
-    img {
-      display: none;
-    }
-
-    @media (max-width: 860px) {
-      min-width: 0;
-
-      &:after,
-      span {
-        display: none;
-      }
-
-      img {
-        display: inline-block;
-        width: 1.5rem;
-        height: 1.5rem;
-        opacity: 0.75;
-      }
-    }
-  }
-
-  .workspace-divider {
-    padding: 0 0.5rem;
-    color: var(--bs-primary-75);
-
-    @media (max-width: 860px) {
-      padding: 0 0.25rem;
-    }
-  }
-}
-
-.logo {
-  border-right: 1px solid rgba(255, 255, 255, 0.05);
-  display: flex;
-  align-items: center;
-  height: 100%;
-  padding-right: 3rem;
-  margin-right: 1.5rem;
-
-  img:first-child {
-    display: block;
-  }
-
-  img:last-child {
-    display: none;
-  }
-
-  @media (max-width: 860px) {
-    padding-right: 1.5rem;
-
-    img:first-child {
-      display: none;
-    }
-
-    img:last-child {
-      display: block;
-    }
-  }
-}
-
-.tab-bar {
-  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-  margin-bottom: 2rem;
-
-  nav {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  }
-
-  .nav-item {
-    margin-right: 2.75rem;
-
-    @media (max-width: 1100px) {
-      margin-right: 0;
-    }
-
-    &:last-child {
-      margin-right: 0;
-    }
-  }
-
-  .nav-link {
-    color: white;
-    position: relative;
-    font-size: 1rem;
-    font-weight: 500;
-    height: 76px;
-    display: flex;
-    align-items: center;
-    padding: 0 1.25rem;
-
-    @media (max-width: 1100px) {
-      height: 60px;
-    }
-
-    &:after {
-      display: block;
-      position: absolute;
-      background-color: var(--bs-primary);
-      height: 3px;
-      bottom: -2px;
-      border-radius: 3px;
-      left: 0;
-      right: 0;
-      content: '';
-      opacity: 0;
-      transition: opacity 200ms ease;
-    }
-
-    &:hover:after {
-      opacity: 0.66;
-    }
-
-    &.active {
-      font-weight: bold;
-
-      &:after {
-        opacity: 1;
-      }
-    }
-  }
-
-  .nav {
-    display: flex;
-    flex-direction: row;
-
-    @media (max-width: 860px) {
-      .nav-link {
-        font-size: 12px;
-        padding: 0 0.75rem;
-      }
-    }
-  }
-}
-
-@media (min-width: 861px) {
-  .navbar-nav .dropdown-submenu:hover > ul.dropdown-menu {
-    display: block;
-  }
-
-  .dropdown-submenu {
-    position: relative;
-  }
-
-  .dropdown-submenu > .dropdown-menu {
-    top: calc(-3.25rem - 1px);
-    left: 100%;
-  }
-}
-
-.all-nav-link {
-  padding: 1.5rem 1.5rem 0.5rem;
-  display: block;
-  font-size: 14px;
-}
diff --git a/css/_sidebar.scss b/css/_sidebar.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/css/_table.scss b/css/_table.scss
deleted file mode 100644
index aaaeaf1..0000000
--- a/css/_table.scss
+++ /dev/null
@@ -1,124 +0,0 @@
-html {
-  .table {
-    color: white;
-
-    thead {
-      th {
-        border: none;
-        color: var(--bs-white-50);
-        font-weight: 500;
-        font-size: 12px;
-        padding: 0 0.3rem 1rem;
-
-        &.pointer {
-          cursor: pointer;
-        }
-      }
-    }
-
-    > :not(:first-child) {
-      border-top: none;
-    }
-
-    td {
-      border-bottom: 1px solid var(--bs-border-dark);
-      border-top: none;
-      height: 60px;
-      vertical-align: middle;
-      font-size: 1rem;
-      line-height: 1.3rem;
-      font-weight: 500;
-
-      &.actions {
-        display: flex;
-        justify-content: flex-end;
-        align-items: center;
-      }
-
-      .mobile-label {
-        display: none;
-      }
-    }
-
-    @media (max-width: 960px) {
-      thead {
-        display: none;
-      }
-
-      tr {
-        display: grid;
-        border-bottom: 2px solid var(--bs-white-50);
-        padding-bottom: 0.5rem;
-        margin-bottom: 0.5rem;
-
-        &:last-child {
-          border-bottom: none;
-        }
-
-        td,
-        td.actions {
-          display: grid;
-          grid-template-columns: 1fr 1fr;
-          align-items: center;
-          padding-top: 0;
-          padding-bottom: 0;
-          min-height: 52px;
-          height: auto;
-
-          &:last-child {
-            border-bottom: none;
-          }
-
-          .mobile-label {
-            display: block;
-          }
-        }
-      }
-
-      .dropdown-toggle.options {
-        width: auto;
-        display: inline-flex;
-      }
-    }
-  }
-
-  .table-hover tbody tr:hover td {
-    color: white;
-  }
-
-  .icon-caret {
-    background-image: url('/images/icons/chevron-down-white.svg');
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: contain;
-    display: inline-block;
-    height: 9px;
-    margin-left: 0.5rem;
-    width: 16px;
-
-    &.icon-caret-up {
-      transform: rotate(180deg);
-    }
-  }
-
-  .table-icon {
-    width: 1.5rem;
-    height: 1.5rem;
-  }
-
-  .deployment-state {
-    background-size: 1.5rem;
-    background-repeat: no-repeat;
-    background-position: left center;
-    padding-left: 2rem;
-    line-height: 1.5rem;
-
-    &.state-on {
-      background-image: url('/images/icons/check.svg');
-    }
-
-    &.state-off {
-      background-image: url('/images/icons/cross.svg');
-    }
-  }
-}
diff --git a/css/_typography.scss b/css/_typography.scss
index 53d3c31..c4e1dad 100644
--- a/css/_typography.scss
+++ b/css/_typography.scss
@@ -98,18 +98,6 @@ body {
     line-height: 1.2rem;
   }
 
-  .help-text {
-    font-size: 0.875rem;
-    color: var(--bs-white-50);
-    font-weight: 300;
-
-    &.large {
-      font-size: 1.125rem;
-      font-weight: 500;
-      color: var(--bs-white-50);
-    }
-  }
-
   a {
     color: white;
     transition: color 200ms ease;
diff --git a/css/app.scss b/css/app.scss
index 201aa9b..321509e 100644
--- a/css/app.scss
+++ b/css/app.scss
@@ -1,27 +1,13 @@
-$fa-font-path: '~@fortawesome/fontawesome-free/webfonts';
-@import '~@fortawesome/fontawesome-free/scss/fontawesome';
-@import '~@fortawesome/fontawesome-free/scss/solid';
-@import '~@fortawesome/fontawesome-free/scss/regular';
-@import '~@fortawesome/fontawesome-free/scss/brands';
 @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');
 
 @import 'colors';
 @import '~bootstrap/scss/bootstrap';
-@import '~@fortawesome/fontawesome-free/scss/fontawesome.scss';
 @import '~animate.css/animate';
-@import 'audit_log_feed';
 @import 'layout';
 @import 'typography';
 @import 'buttons';
-@import 'form';
-@import 'navigation';
-@import 'sidebar';
 @import 'home';
-@import 'custom';
 @import 'footer';
-@import 'table';
-@import 'modal';
-@import 'import';
 
 html {
   margin: 100;
@@ -37,28 +23,6 @@ html {
 html body {
   font-family: 'Montserrat', sans-serif;
 
-  .normal-wrapper {
-    background-color: var(--bs-background);
-    color: white;
-    height: 100%;
-    position: relative;
-    padding-top: 5rem;
-
-    &.modal-open {
-      padding-right: 0 !important;
-    }
-
-    @media (max-width: 860px) {
-      padding-top: 4rem;
-    }
-
-    main.content-container {
-      margin: 0 auto;
-      padding-bottom: 8rem;
-      min-height: calc(100vh - 5rem);
-    }
-  }
-
   .home-wrapper {
     height: 100%;
     color: #24282a;
@@ -70,98 +34,3 @@ html body {
     }
   }
 }
-
-.badge {
-  height: 36px;
-  background-color: rgba(255, 255, 255, 0.05);
-  border: 1px solid rgba(255, 255, 255, 0.05);
-  padding: 0.75rem;
-  border-radius: 4px;
-  display: inline-flex;
-  align-items: center;
-  font-weight: 700;
-  font-size: 16px;
-  overflow: hidden;
-  position: relative;
-  margin-right: 0.5rem;
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-
-  &.healthy-false {
-    background-color: var(--bs-primary-25);
-    padding-right: 2.5rem;
-    background-image: url('/images/icons/quarantine-red.svg');
-    background-position: right 0.5rem center;
-    background-repeat: no-repeat;
-    background-size: 1.1rem;
-
-    &:hover {
-      color: white;
-      background-color: var(--bs-primary-50);
-    }
-  }
-
-  &.active:after {
-    display: block;
-    content: '';
-    position: absolute;
-    bottom: 0;
-    height: 2px;
-    left: 0;
-    right: 0;
-    background: white;
-  }
-
-  &:last-child {
-    margin-right: 0;
-  }
-}
-
-.quarantined {
-  background-image: url('/images/icons/error.svg');
-  background-size: 1.5rem;
-  background-repeat: no-repeat;
-  background-position: right 0.5rem center;
-  padding-right: 2.5rem;
-}
-
-.alert {
-  margin: 2rem 0;
-  border-color: transparent;
-  color: white;
-  font-weight: 500;
-
-  &.alert-info {
-    background-color: var(--bs-info);
-  }
-
-  &.alert-danger {
-    background-color: var(--bs-danger);
-  }
-
-  &.alert-warning {
-    background-color: var(--bs-warning);
-  }
-}
-
-.progress {
-  background: rgba(255, 255, 255, 0.1);
-
-  .progress-bar {
-    background-color: var(--bs-primary);
-    font-weight: 700;
-  }
-
-  &.device-show {
-    height: 1.5rem;
-    margin-top: 0.5rem;
-
-    .progress-bar {
-      height: 1.5rem;
-      font-size: 0.875rem;
-      text-align: right;
-      padding: 0 0.5rem;
-      min-width: 2rem;
-    }
-  }
-}
diff --git a/index.html b/index.html
index 5f26986..9d15d28 100644
--- a/index.html
+++ b/index.html
@@ -10,7 +10,6 @@
     <title>NervesHub</title>
 
     <link rel="stylesheet" href="css/app.css">
-    <link href="https://fonts.googleapis.com/css?family=Audiowide" rel="stylesheet">
   </head>
 
   <body>
diff --git a/package-lock.json b/package-lock.json
index 7950a1b..346b5f5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,7 +13,6 @@
       "devDependencies": {
         "@babel/core": "^7.14.8",
         "@babel/preset-env": "^7.14.8",
-        "@fortawesome/fontawesome-free": "^6.1.1",
         "babel-loader": "^8.2.2",
         "copy-webpack-plugin": "^10.2.4",
         "css-loader": "^6.7.1",
@@ -1721,16 +1720,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/@fortawesome/fontawesome-free": {
-      "version": "6.1.1",
-      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-6.1.1.tgz",
-      "integrity": "sha512-J/3yg2AIXc9wznaVqpHVX3Wa5jwKovVF0AMYSnbmcXTiL3PpRPfF58pzWucCwEiCJBp+hCNRLWClTomD8SseKg==",
-      "dev": true,
-      "hasInstallScript": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/@gar/promisify": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/@gar/promisify/-/promisify-1.1.3.tgz",
@@ -13115,12 +13104,6 @@
         }
       }
     },
-    "@fortawesome/fontawesome-free": {
-      "version": "6.1.1",
-      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-6.1.1.tgz",
-      "integrity": "sha512-J/3yg2AIXc9wznaVqpHVX3Wa5jwKovVF0AMYSnbmcXTiL3PpRPfF58pzWucCwEiCJBp+hCNRLWClTomD8SseKg==",
-      "dev": true
-    },
     "@gar/promisify": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/@gar/promisify/-/promisify-1.1.3.tgz",
diff --git a/package.json b/package.json
index a362640..1aa8b4e 100644
--- a/package.json
+++ b/package.json
@@ -17,7 +17,6 @@
   "devDependencies": {
     "@babel/core": "^7.14.8",
     "@babel/preset-env": "^7.14.8",
-    "@fortawesome/fontawesome-free": "^6.1.1",
     "babel-loader": "^8.2.2",
     "copy-webpack-plugin": "^10.2.4",
     "css-loader": "^6.7.1",