Блог

Я использую Bootstrap v5, и есть файл утилит, который в основном генерирует несколько классов. В другом файле я ищу @extend этот сгенерированный класс.

Смотрите здесь файл начальной загрузки: https://github.com/twbs/bootstrap/blob/v5.0.0-beta2-prep/scss/_utilities.scss

Вы увидите, что будет генерироваться ввод с плавающей запятой .float-end, .float-start, .float-none (и точки останова, т.е.float-sm-end).

Я хочу @extend .float-end, но я получаю сообщение об ошибке: SassError: The target selector was not found.

Мой основной файл SCSS — это настройка..

 @import "~bootstrap/scss/functions";
@import "~bootstrap/scss/variables";
@import "~bootstrap/scss/mixins";
@import "~bootstrap/scss/accordion";
@import "~bootstrap/scss/alert";
@import "~bootstrap/scss/badge";
@import "~bootstrap/scss/breadcrumb";
@import "~bootstrap/scss/button-group";
@import "~bootstrap/scss/buttons";
@import "~bootstrap/scss/card";
@import "~bootstrap/scss/carousel";
@import "~bootstrap/scss/close";
@import "~bootstrap/scss/containers";
@import "~bootstrap/scss/dropdown";
@import "~bootstrap/scss/forms";
@import "~bootstrap/scss/grid";
@import "~bootstrap/scss/helpers";
@import "~bootstrap/scss/images";
@import "~bootstrap/scss/list-group";
@import "~bootstrap/scss/modal";
@import "~bootstrap/scss/nav";
@import "~bootstrap/scss/navbar";
@import "~bootstrap/scss/pagination";
@import "~bootstrap/scss/popover";
@import "~bootstrap/scss/progress";
@import "~bootstrap/scss/reboot";
@import "~bootstrap/scss/root";
@import "~bootstrap/scss/spinners";
@import "~bootstrap/scss/tables";
@import "~bootstrap/scss/toasts";
@import "~bootstrap/scss/tooltip";
@import "~bootstrap/scss/transitions";
@import "~bootstrap/scss/type";
@import "~bootstrap/scss/utilities";

// import my files
@import 'myfile';
 

Я думал, что @extend запускается ПОСЛЕ всего остального, поэтому я не видел причины, по которой это не сработает. Могу ли я что-нибудь сделать, чтобы это сработало?

Заранее оцените свое время.