Bootstrap rtl #181
Description
in your sample we cant compile bootsrap 5 with rtl option and have slow compile , i think if you include bootstrap.min.css in header and add same override method like change color and use same helpers like reponsive use this scss stracture.
import necessary libs without origin @import "~bootstrap/bootstrap
@import "~bootstrap/scss/functions";
@import "_variables";
@import "~bootstrap/scss/_variables";
@import "~bootstrap/scss/mixins/breakpoints";
@import "~bootstrap/scss/mixins/buttons";
@import "~bootstrap/scss/mixins/transition";
@import "~bootstrap/scss/mixins/gradients";
@import "~bootstrap/scss/mixins/box-shadow";
$theme-colors: (
"primary": $primary,
"secondary": $secondary,
"success": $success,
"info": $info,
"warning": $warning,
"danger": $danger,
"light": $light,
"dark": $dark
);
@each $color, $value in $theme-colors {
.btn-#{$color} {
@include button-variant($value, darken($value, 7.5%), lighten($value, 90%), lighten($value, 5%), lighten($value, 10%), lighten($value, 70%));
}
.text-#{$color} {
color: $value !important;
}
.bg-#{$color} {
background-color: $value !important;
}
.table-#{$color} {
background-color: $value !important;
}
.link-#{$color} {
color: $value !important;
}
}
@import "./style.scss";