init imports order problem

Created on 17 February 2023, almost 2 years ago
Updated 16 March 2023, almost 2 years ago

Problem/Motivation

In _init.scss, the bootstrap functions import must be put before both variables files. The reason is that variables.scss uses a shift-color() function.

Current code (_init.scss)

@import 'base/variables';
// Required
@import '~bootstrap/scss/functions';
@import '~bootstrap/scss/variables';
@import '~bootstrap/scss/maps';
@import '~bootstrap/scss/mixins';
@import 'base/mixins';
// Optional if using rfs()
@import '~bootstrap/scss/vendor/_rfs.scss';

Proposed resolution

@import '~bootstrap/scss/functions';
@import 'base/variables'; // Custom
@import '~bootstrap/scss/variables';
@import '~bootstrap/scss/maps';
@import '~bootstrap/scss/mixins';
@import 'base/mixins'; // Custom
// Optional if using rfs()
@import '~bootstrap/scss/vendor/_rfs.scss';
🐛 Bug report
Status

Fixed

Version

5.0

Component

Code

Created by

🇨🇦Canada JFKiwad Montreal

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024