时间戳

首页 > 解决方案 > SASS @extend 生成的类

css - SASS @extend 生成的类

问题描述

我正在使用 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 在其他所有操作之后运行，所以我看不出它不起作用的原因。我能做些什么来完成这项工作吗？

提前感谢您的时间。

标签： csssass

解决方案

推荐阅读