Removed themes + updated utilities

Author: extrabright

scss/components/_avatar.scss scss/_avatar.scssscss/components/_avatar.scss renamed to scss/_avatar.scss

@@ -1,21 +1,18 @@
-//
-// Badge
-//
+@import "bootstrap/scss/badge";
 
 .badge {
     --#{$prefix}badge-text-transform: #{$badge-text-transform};
     --#{$prefix}badge-line-height: #{$badge-line-height};
 
     text-transform: var(--#{$prefix}badge-text-transform);
     line-height: var(--#{$prefix}badge-line-height);
-
 }
 
 // Size variations
 .badge-xs {
     --#{$prefix}badge-padding-x: .5rem;
     --#{$prefix}badge-padding-y: .1rem;
-    font-size: 70%;
+    font-size: 75%;
 }
 
 .badge-md {

scss/components/_badge.scss scss/_badge.scssscss/components/_badge.scss renamed to scss/_badge.scss

@@ -1,11 +1,11 @@
-// 
-// Buttons 
-// 
-
-// Soft color variation
-@each $color, $value in $theme-colors {
-  .btn-soft-#{$color} {
-    @include button-variant(shift-color($value, $btn-soft-bg-level), shift-color($value, $btn-soft-bg-level), $value, $value, color-contrast($value));
+@import "bootstrap/scss/buttons";
+
+// Gradient buttons
+@if $enable-gradients {
+  @each $name, $value in $theme-colors {
+    .btn-gradient-#{$name} {
+      @include button-gradient-variant($value, $value);
+    }
   }
 }
 
@@ -18,32 +18,37 @@
     $btn-neutral-hover-bg,
     $btn-neutral-hover-border-color,
     $btn-neutral-hover-color,
-    $btn-neutral-active-bg, 
-    $btn-neutral-active-border-color, 
+    $btn-neutral-active-bg,
+    $btn-neutral-active-border-color,
     $btn-neutral-active-color
   );
 }
 
+.btn-gradient-neutral {
+  @include button-gradient-variant($btn-neutral-bg, $btn-neutral-bg);
+}
+
 .btn-white,
 .btn-inverse {
   @include button-variant(
     $white,
     $white,
     $dark,
-    $primary,
-    $primary,
-    $white,
-    $primary, 
-    $primary, 
-    $white
+    darken($white, 5%),
+    darken($white, 5%),
+    $dark,
+    darken($white, 5%),
+    darken($white, 5%),
+    $dark
   );
 }
 
 // sizes added in webpixels
 .btn-xs {
   --#{$prefix}btn-padding-y: #{$btn-padding-y-xs};
   --#{$prefix}btn-padding-x: #{$btn-padding-x-xs};
-  --#{$prefix}btn-font-size: #{$input-btn-font-size-xs};
+  --#{$prefix}btn-font-size: #{$btn-font-size-xs};
+  --#{$prefix}btn-border-radius: #{$btn-border-radius-xs};
 }
 
 // Squared button
@@ -75,25 +80,25 @@
 }
 
 .btn-animated-x {
-    .btn-inner-visible {
-      right: 0;
-      @include transition(right .3s ease 0s);
-    }
+  .btn-inner-visible {
+    right: 0;
+    @include transition(right .3s ease 0s);
+  }
 
+  .btn-inner-hidden {
+    right: -100%;
+    @include transition(right .3s ease 0s);
+  }
+
+  &:hover {
     .btn-inner-hidden {
-      right: -100%;
-      @include transition(right .3s ease 0s);
+      right: 0;
     }
 
-    &:hover {
-      .btn-inner-hidden {
-        right: 0;
-      }
-
-      .btn-inner-visible {
-        right: 150%;
-      }
+    .btn-inner-visible {
+      right: 150%;
     }
+  }
 }
 
 .btn-animated-y {

scss/components/_button.scss scss/_buttons.scssscss/components/_button.scss renamed to scss/_buttons.scss

@@ -1,7 +1,4 @@
-// 
-// Dropdown
-// additional styles added in Webpixels
-// 
+@import "bootstrap/scss/dropdown";
 
 .dropdown-item {
 	--#{$prefix}dropdown-item-border-radius: #{$dropdown-item-border-radius};

scss/components/_dropdown.scss scss/_dropdowns.scssscss/components/_dropdown.scss renamed to scss/_dropdowns.scss

@@ -0,0 +1,9 @@
+@import "bootstrap/scss/forms";
+
+@import "./forms/labels";
+@import "./forms/form-group";
+@import "./forms/form-control";
+@import "./forms/input-group";
+@import "./forms/form-check";
+@import "./forms/form-color";
+

scss/_forms.scss

@@ -0,0 +1,11 @@
+@import "bootstrap/scss/helpers";
+
+@import "./helpers/animation";
+@import "./helpers/background";
+@import "./helpers/filter";
+@import "./helpers/gradient";
+@import "./helpers/group";
+@import "./helpers/transform";
+@import "./helpers/scrollable";
+@import "./helpers/height-calc";
+

scss/components/_frame.scss scss/_frame.scssscss/components/_frame.scss renamed to scss/_frame.scss

@@ -1,6 +1,4 @@
-// 
-// List group
-// 
+@import "bootstrap/scss/list-group";
 
 .list-group-flush {
   --#{$prefix}list-group-item-padding-x: 0;