Pinegrow Community Support Forum

Pinegrow 5.4.1 Sass Problems

#1

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 */

‘’’

#2

Hi,
I haven’t analyzed the code and I’m not yet able to tell you where the problem is, but it seems that you’re using the BS4 customization feature.
On this subject, have you read our documentation about this feature?

You can find it here:

and also here:

#3

Thanks for your reply! Everything compiles except the @imports they don’t appear on top of the bootstrap css. Regards, David

Verzonden van mijn HTC

----- Bericht beantwoorden -----

#4

the link you gave me is the tutorial I followed!

Verzonden van mijn HTC

----- Bericht beantwoorden -----