Hi,
Besides the fact that the Sass compiler gives an error every time I try to save something (despite that its saved to custom SCSS) and the app is extremely slowing down or freezes.
Try to @import the Google Boloo Bhai font and add it to the headings with zero result.
Is there any error in my Sass code or something I missed? I’m glad to hear!
It looks like there is nothing compiled to the bootstrap.css!
This I find but no import!?
‘’’
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
margin-bottom: 0.5rem;
font-family: “Baloo Bhai”, cursive;
font-weight: 500;
line-height: 1.2;
}
‘’’
Regards & Thanks,
David
‘’’
/* Bootstrap theme customized with Pinegrow Web Editor */
@import url(‘https://fonts.googleapis.com/css?family=Poppins’);
@import url(‘https://fonts.googleapis.com/css?family=Baloo+Bhai’);
/* Vars go before the @import /
/ Import the Bootstrap files */
$font-family-sans-serif: Poppins,-apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, “Helvetica Neue”, Arial, “Noto Sans”, sans-serif, “Apple Color Emoji”, “Segoe UI Emoji”, “Segoe UI Symbol”, “Noto Color Emoji”;
$headings-font-family: ‘Baloo Bhai’, cursive;
$enable-responsive-font-sizes: true;
@import “…/node_modules/rfs/sass”
.title
+font-size(4rem)
// or
+responsive-font-size(64px)
// or
+rfs(64);
$font-size-base: 1rem;
$font-size-lg: $font-size-base * 1.25;
$line-height-base: 1.5;
$nav-link-padding-y: .5rem;
$navbar-brand-font-size: $font-size-lg;
$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2;
@import “bootstrap/bootstrap”;
/* Custom CSS rules come here */
‘’’