This forum has moved to a new location and is in read-only mode. Please visit talk.octobercms.com to access the new location.

buciu.bogdan15552
buciu.bogdan15552

When using sass partials from Bootstrap 5.1.3 the compiled css files has errors in it.

function onStart() {
$cssAssets = [
        'assets\assets-redesigned\bootstrap-5.1.3\scss\bootstrap-grid.scss',
        'assets\assets-redesigned\bootstrap-5.1.3\scss\_tables.scss',
        'assets/assets-redesigned/scss/main.scss',
    ];
}
==
<link rel="stylesheet" href="{{ cssAssets|theme }}">

The combined files looks like this:

/ Undefined variable $variable-prefix: line: 6, column: 3 /

From what I searched I understand that the version of "leafo/scssphp" used in october 1.x cannot work with bootstrap 5 and that the library is abandoned. Are any updates coming to solve this?

daftspunky
daftspunky

Hi buciu,

The library is still maintained as scssphp/scssphp and this is what OCMS uses, however, at the time of writing, they appear to be having some trouble supporting Bootstrap 5. The safest bet is to use npm to precompile the library instead, such as webpack.

I hope this helps!

1-2 of 2

You cannot edit posts or make replies: the forum has moved to talk.octobercms.com.