Adding custom scss to Boost theme

Adding custom scss to Boost theme

by Bill Fleming -
Number of replies: 4

I created a custom.scss and upload it in the additional preset file box and saved change but it doesn't seem to be applied to the Boost theme overriding the default Bootstrap variables. 

When I change from default to custom in preset file, it broke the layout so I switched it back to default.

How do I add variables and imports to override the Boost's Bootstrap defaults?


Thank you

Bill

Average of ratings: -
In reply to Bill Fleming

Re: Adding custom scss to Boost theme

by Gareth J Barnard -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers
Don't upload the file, but rather put the code contained in either the 'scsspre' and / or 'scss' settings on the 'Advanced settings' tab.
Average of ratings: -
In reply to Bill Fleming

Re: Adding custom scss to Boost theme

by Rick Jerz -
Picture of Particularly helpful Moodlers Picture of Testers

I am not at all an expert in themes and CSS, but I did give a presentation at a MoodleMoot two years ago about how I do this.  Below is a link to my resources web page.

MoodleMoot2017 (US and Mountain), "Making Boost do MORE"

Average of ratings: -
In reply to Rick Jerz

Re: Adding custom scss to Boost theme

by Bill Fleming -
I will check your page out. Thank you for linking it.
Average of ratings: -