Remove SCSS files related to components, layouts, and Bootstrap variables no longer in use

jambotron-ui/src/styles.scss

@@ -1,42 +1,4 @@
-/* You can add global styles to this file, and also import other style files */
-/**======================================================================
-=========================================================================
-Template Name: MAntis Angular - Angular Admin Template
-Author: codedThemes
-Support: https://codedthemes.support-hub.io/
-File: style.css
-=========================================================================
-=================================================================================== */
-
-// main framework
-@import '../node_modules/bootstrap/scss/functions';
-@import '../node_modules/bootstrap/scss/variables';
-@import '../node_modules/bootstrap/scss/variables-dark';
-
-@import 'scss/settings/color-variables';
-@import 'scss/settings/theme-variables';
-@import 'scss/settings/bootstrap-variables';
-
-// bootstrap import
-@import 'scss/bootstrap/bootstrap.scss';
-
-@import '../node_modules/bootstrap/scss/utilities';
-@import '../node_modules/bootstrap/scss/utilities/api';
-
-// main framework
-@import 'scss/themes/generic.scss';
-@import 'scss/themes/general.scss';
-
-@import 'scss/themes/components/components.scss';
-
-// theme
-@import 'scss/themes/layouts/menu/sidebar.scss';
-@import 'scss/themes/layouts/navbar/navbar.scss';
-@import 'scss/themes/layouts/pc-common.scss';
-@import 'scss/themes/layouts/breadcrumb/breadcrumb.scss';
-@import 'scss/themes/layouts/footer/footer.scss';
-
-@import 'scss/themes/preset-style.scss';
+@use '@angular/material' as mat;
 
 //markdown styles
 @import 'bootstrap/dist/css/bootstrap.min.css';
@@ -64,4 +26,43 @@ body {
   scroll-padding-inline: 40%;
 }
 
+//---------------
+.pc-sidebar{
+  top: 65px;
+  overflow-y: auto;
+  background-color: rgba(153, 153, 153, 0.16);
 
+  backdrop-filter: blur(8px);
+
+  background: var(--pc-sidebar-background);
+  width: 260px;
+  position: fixed;
+
+  bottom: 0;
+  z-index: 1026;
+  box-shadow: var(--pc-sidebar-shadow);
+  display: block;
+  height: 100vh;
+  color: var(--pc-sidebar-color);
+  border-right: 1px solid rgb(240, 240, 240);
+
+}
+.pc-container{
+  top: 0;
+  padding-left: 5px;
+  padding-right: 5px;
+
+  position: relative;
+  margin-left: 260px;
+  min-height: calc(100vh - 113px);
+  background: #fafafbb3;
+}
+
+html {
+  color-scheme: light dark;
+  @include mat.theme((
+    color: mat.$azure-palette,
+    typography: Jersey 20 Charted,
+    density: 0
+  ));
+}