Add new components, styles, and services for user management and navigation

2025-06-25 13:44:35 +03:00
parent 9b7465d3dc
commit 2ae1871330
125 changed files with 12940 additions and 1610 deletions
@@ -0,0 +1,184 @@
+/**  =====================
+      Generic-class css start
+========================== **/
+/*====== Padding , Margin css starts ======*/
+$i: 0;
+@while $i<=50 {
+  .p {
+    &-#{$i} {
+      padding: #{$i}px;
+    }
+
+    &-t-#{$i} {
+      padding-top: #{$i}px;
+    }
+
+    &-b-#{$i} {
+      padding-bottom: #{$i}px;
+    }
+
+    &-l-#{$i} {
+      padding-left: #{$i}px;
+    }
+
+    &-r-#{$i} {
+      padding-right: #{$i}px;
+    }
+  }
+
+  .m {
+    &-#{$i} {
+      margin: #{$i}px;
+    }
+
+    &-t-#{$i} {
+      margin-top: #{$i}px;
+    }
+
+    &-b-#{$i} {
+      margin-bottom: #{$i}px;
+    }
+
+    &-l-#{$i} {
+      margin-left: #{$i}px;
+    }
+
+    &-r-#{$i} {
+      margin-right: #{$i}px;
+    }
+  }
+  $i: $i + 5;
+}
+/*====== Padding , Margin css ends ======*/
+/*====== Font-size css starts ======*/
+$i: 6;
+@while $i<=80 {
+  .f-#{$i} {
+    font-size: #{$i}px;
+  }
+  $i: $i + 2;
+}
+/*====== Font-size css ends ======*/
+/*====== Font-weight css starts ======*/
+$i: 100;
+@while $i<=900 {
+  .f-w-#{$i} {
+    font-weight: #{$i};
+  }
+  $i: $i + 100;
+}
+/*====== Font-weight css ends ======*/
+/*====== width, Height css starts ======*/
+$i: 10;
+@while $i<=150 {
+  .wid-#{$i} {
+    width: #{$i}px;
+  }
+
+  .hei-#{$i} {
+    height: #{$i}px;
+  }
+  $i: $i + 5;
+}
+/*====== width, Height css ends ======*/
+/*====== border-width css starts ======*/
+$i: 1;
+@while $i<=8 {
+  .b-wid-#{$i} {
+    border-width: #{$i}px;
+  }
+  $i: $i + 1;
+}
+/*====== border-width css ends ======*/
+/*====== background starts ======*/
+
+.text-header {
+  color: var(--bs-heading-color);
+}
+.bg-body {
+  background: var(--bs-body-bg);
+}
+@each $color, $value in $theme-colors {
+  .bg-light-#{$color} {
+    background: shift-color($value, $soft-bg-level);
+    color: $value;
+  }
+
+  .icon-svg-#{$color} {
+    fill: shift-color($value, $soft-bg-level);
+    stroke: $value;
+  }
+
+  .material-icons-two-tone {
+    &.text-#{$color} {
+      background-color: $value;
+    }
+  }
+  .text-hover-#{$color}:hover {
+    color: $value !important;
+  }
+}
+/*====== background ends ======*/
+/*====== border color css starts ======*/
+@each $color, $value in $theme-colors {
+  .b-#{$color} {
+    border: 1px solid $value;
+  }
+
+  .border-bottom-#{$color} td {
+    border-bottom: 1px solid $value;
+  }
+
+  .border-bottom-#{$color} th {
+    border-bottom: 1px solid $value !important;
+  }
+
+  .fill-#{$color} {
+    fill: $value;
+  }
+}
+/*====== border color css ends ======*/
+/*====== text-color, background color css starts ======*/
+
+.text-sm {
+  font-size: 0.75rem !important;
+}
+
+/*====== more bootstrap colors start ======*/
+$more-colors: (
+  'blue': (
+    100: $blue-100,
+    200: $blue-200,
+    300: $blue-300,
+    400: $blue-400,
+    500: $blue-500,
+    600: $blue-600,
+    700: $blue-700,
+    800: $blue-800,
+    900: $blue-900
+  ),
+  'gray': (
+    100: $gray-100,
+    200: $gray-200,
+    300: $gray-300,
+    400: $gray-400,
+    500: $gray-500,
+    600: $gray-600,
+    700: $gray-700,
+    800: $gray-800,
+    900: $gray-900
+  )
+);
+@each $name, $value in $more-colors {
+  $i: 100;
+  @while $i<=900 {
+    .bg-#{$name}-#{$i} {
+      background: map-get($value, $i);
+    }
+    .text-#{$name}-#{$i} {
+      color: map-get($value, $i);
+    }
+    $i: $i + 100;
+  }
+}
+/*====== more bootstrap colors end ======*/