My Boostrap SAAS setup

<style lang="scss">
$card-border-radius:.95rem;
$card-bg:rgba(248,246,242,.3);

$border-radius:               .45rem !default;
$border-radius-sm:            .3rem !default;
$border-radius-lg:            .4rem !default;


@import url(https://fonts.googleapis.com/css?family=Poppins:200,300,400,700);
$font-family-base:Poppins;
@import url(https://fonts.googleapis.com/css?family=Poppins:200,300,400,700);
$headings-font-family:Poppins;

//@import '@/../../node_modules/bootstrap/scss/bootstrap.scss';
// Configuration

  @import "@/../../node_modules/bootstrap/scss/functions";
$light : #F8F6F2;
$danger : #F06445;
$primary_old : #4FC9DA;
$primary : shift-color($primary_old, 5%);


$font-size-base:              .92rem ; // Assumes the browser default, typically `16px`
$font-size-sm:                $font-size-base * .875 ;
$font-size-lg:                $font-size-base * 1.25 ;

$border-radius:               .55rem;
$border-radius-sm:            .5rem ;
$border-radius-lg:            .6rem ;

$theme-colors: (
  "primary": $primary,
  "secondary": #DAD3C3,
  "success": #B8D935,
  "info": #4F55DA,
  "warning": #E8C444,
  "danger": $danger,
  "dark": #211F1C,
  "white": #ffffff,
  "light": $light,
  );


  // $card-cap-bg: shift-color($light, 0%);
$card-cap-bg: shift-color($light, 0%);
@import "@/../../node_modules/bootstrap/scss/variables";
@import "@/../../node_modules/bootstrap/scss/mixins";
@import "@/../../node_modules/bootstrap/scss/utilities";

// Layout & components
@import "@/../../node_modules/bootstrap/scss/root";
@import "@/../../node_modules/bootstrap/scss/reboot";
@import "@/../../node_modules/bootstrap/scss/type";
@import "@/../../node_modules/bootstrap/scss/images";
@import "@/../../node_modules/bootstrap/scss/containers";
@import "@/../../node_modules/bootstrap/scss/grid";
@import "@/../../node_modules/bootstrap/scss/tables";
@import "@/../../node_modules/bootstrap/scss/forms";
@import "@/../../node_modules/bootstrap/scss/buttons";
@import "@/../../node_modules/bootstrap/scss/transitions";
@import "@/../../node_modules/bootstrap/scss/dropdown";
@import "@/../../node_modules/bootstrap/scss/button-group";
@import "@/../../node_modules/bootstrap/scss/nav";
@import "@/../../node_modules/bootstrap/scss/navbar";
@import "@/../../node_modules/bootstrap/scss/card";
@import "@/../../node_modules/bootstrap/scss/accordion";
@import "@/../../node_modules/bootstrap/scss/breadcrumb";
@import "@/../../node_modules/bootstrap/scss/pagination";
@import "@/../../node_modules/bootstrap/scss/badge";
@import "@/../../node_modules/bootstrap/scss/alert";
@import "@/../../node_modules/bootstrap/scss/progress";
@import "@/../../node_modules/bootstrap/scss/list-group";
@import "@/../../node_modules/bootstrap/scss/close";
//@import "@/../../node_modules/bootstrap/scss/toasts";
//@import "@/../../node_modules/bootstrap/scss/modal";
//@import "@/../../node_modules/bootstrap/scss/tooltip";
//@import "@/../../node_modules/bootstrap/scss/popover";
//@import "@/../../node_modules/bootstrap/scss/carousel";
@import "@/../../node_modules/bootstrap/scss/spinners";
//@import "@/../../node_modules/bootstrap/scss/offcanvas";
@import "@/../../node_modules/bootstrap/scss/placeholders";

// Helper
@import "@/../../node_modules/bootstrap/scss/helpers";

// Utilities
@import "@/../../node_modules/bootstrap/scss/utilities/api";

</style>