sass 相关问题

Sass（Syntactically Awesome Style Sheets）是CSS的扩展，添加了嵌套规则，变量，mixins和类扩展等功能。这使开发人员能够编写结构化，可管理且可重用的CSS。 Sass被编译成标准CSS。

文件夹结构：错误描述：萨斯版本： ParcelJS 通过能够将我的 Sass/Scss 代码编译为纯 CSS 解决了我的问题，但我不想在像这样的小项目中使用它......

sass

回答 1 投票 0

选项卡之间需要垂直线 (|)。可爱的小兔子图片大全可爱的小兔子设计素材可爱的小兔子模板下载可爱... 选项卡之间需要垂直线 (|)。 <p-tabView> <p-tabPanel header="Header I"> Lorem ipsum dolor sit amet... </p-tabPanel> <p-tabPanel header="Header II"> Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium... </p-tabPanel> <p-tabPanel header="Header III"> At vero eos et accusamus et iusto odio dignissimos... </p-tabPanel> </p-tabView> 我需要如下输出，在角度 18 中使用 PrimeNG 您可以使用 ::after 伪选择器将分隔线放置在 li 标签的右侧和顶部（将其设置为 position: relative）。然后我们将需要的高度和宽度设置为1px，然后根据我们的要求定位。 .custom-divider { ul.p-tabview-nav > li:not(.p-tabview-ink-bar) { position: relative; &::after { content: ''; height: 20px; width: 1px; background-color: black; position: absolute; right: 0px; top: 15px; } } } Stackblitz 演示

css angular sass primeng tabview

回答 1 投票 0

primeng 选项卡视图中两个选项卡之间的垂直线

css angular sass primeng tabview

回答 1 投票 0

摩纳哥编辑器中允许 $var 用于 sass 文件

我正在使用 Monaco 编辑器来编辑一些 sass 文件。我里面有一些变量，但摩纳哥给了我一个错误：预期属性值css(css-propertyvalueexpected) 我的变量之后的每一行我...

sass monaco-editor monarch

回答 1 投票 0

在 Angular Nx 应用程序中导入 Kendo UI SCSS 文件模块/组件

我正在使用 Nx 框架开发 Angular 应用程序，并集成了 Kendo UI 组件。为了优化和模块化样式，我导入特定于每个组件的 SCSS 文件...

angular sass kendo-ui kendo-ui-angular2 kendo-angular-ui

回答 1 投票 0

PrimeNG 未显示其网站上示例中的组件

我似乎无法获得 selectButton、表格和其他组件样式，如下面的屏幕截图所示（如在他们的网站上）。 https://primeng.org/table 我不知道这是主题还是什么，但我...

css angular sass primeng

回答 1 投票 0

Neovim Scss 变量 - 转到定义

当我的光标位于 scss 变量上时，有没有办法可以转到定义（gd）？我知道我可以用望远镜 grep 但这不是我想要的。我有 nvim cmp (kickstart nvim) 和 cssls 语言服务器

sass neovim

回答 1 投票 0

在“color”文件中设置SCSS变量，在导入的“common”文件中覆盖

我的公司有4个不同的SCSS“颜色文件”，每个都与不同的服务器环境相关。我正在升级项目中的 SCSS 编译器并收到弃用警告（Sass @imp...

sass sass-variables

回答 1 投票 0

在sass中，将@import替换为@use不扩展变量

我想开始使用@use而不是@import，因为@import将被弃用。我有一个部分： // _test.scss $color1：#ee00ee；引用者： // 演示.scss @使用测试； html{ 颜色：$co...

sass

回答 1 投票 0

SCSS @mixin 生成 css 颜色变量

我的主题颜色有一个 SCSS 映射，如下所示： $主题颜色: ( 黑暗的：（基本的：（光：#32303b，基地：#32303b，黑暗：#32303b， ), 次要：（

css sass scss-mixins

回答 1 投票 0

Sass 与 Symfony 捆绑：导入问题

我正在使用 Symfony 的 Sass 包 (https://symfony.com/bundles/SassBundle/current/index.html)。我有一个文件 asset/styles/front/main/contenus.scss： @import“../variables.scss”； .te...

symfony sass

回答 1 投票 0

Scss @use 在多个文件中使用一致的 `with` 参数

我对 scss 中的 @use 和 @forward 规则仍然很陌生，所以我可能有点误解，希望得到一些帮助。我有一个为供应商库设置配置的文件：uswds-theme...

webpack sass file-structure dart-sass uswds

回答 1 投票 0

粘滞按钮粘在左侧占据整个宽度？

您好，我有一个按钮粘在左下角，但由于某种原因占据了整个空间。评论显示：flex和flex-direction：.todo-list中的列不允许加号按钮...

javascript css reactjs sass styling

回答 1 投票 0

Flexbox 容器内的内容不显示内联链接

我对 Flexbox 相当陌生，但似乎无法在这里找到答案。我有一个标签，我已将其制作成弹性容器，并且在中我想插入一个链接... 我对 Flexbox 相当陌生，但似乎无法在这里找到答案。我有一个 标签，我已将其制作成弹性容器，并且在 中我想插入一个与文本内联的链接。所需结果：但是我得到的结果是这样的：我可以获得预期结果的唯一方法是将 <a> 标签的显示属性更改为“内容”，但是快速查看 CanIUse 显示 IE 不支持它，我需要它来完成此任务。我也不想重构 HTML，因为这是要以所见即所得的方式呈现，并且简单地将类添加到 标签将是最好的方案。我已经在这里笔写了这个问题，用的是scss版本，编译后的代码也贴在下面。任何帮助都会很棒。 .my-alert { width: 500px; padding: 10px; border: 5px solid; font-weight: bold; display: flex; justify-content: start; align-items: center; font-weight: 900 !important; } .my-alert:before { font-family: 'Font Awesome 5 Free'; font-size: 40px; display: flex; align-items: center; padding-right: 20px; font-weight: 900 !important; } .my-alert-success { color: green; border-color: green; } .my-alert-success:before { content: '\f058' }Quam diu etiam furor iste tuus nos eludet? Excepteur sint obcaecat cupiditat non proident culpa.<a href="/">Here is my link.</a> And here is more content. 不要在这里使用display:flex，因为它会将其容器内的所有元素视为“块”。 .my-alert { width: 500px; padding: 10px; border: 5px solid; font-weight: bold; /*display: flex; */ padding-left:40px; justify-content: start; align-items: center; font-weight: 900 !important; float:left; position: relative; &:before { font-family: 'Font Awesome 5 Free'; font-size: 40px; display: flex; align-items: center; padding-right: 20px; font-weight: 900 !important; position:absolute; left:8px; top:50%; transform:translateY(-50%); } } .my-alert-success { color: green; border-color: green; &:before { content: '\f058'; } } 只需为 display:contents 标签添加 <a> 即可。 .my-alert { display: flex; } .my-alert a { display: contents; } ..弹性容器的子级被迫具有块风味显示类型。

css sass flexbox

回答 2 投票 0

css ::元素高度不起作用

我有一个 Next.js 应用程序，其中有五个具有相同 SCSS 类和高度的按钮。但是，一个按钮中 ::after 元素的高度不同，我不知道为什么。 SCSS类： .下划线-b...

css next.js sass

回答 1 投票 0

SASS 从最后一个元素中选择最后一个元素

我很难向最后一个 class="list-group" 中的最后一个 class="separator" 添加边框。我想在 SASS 中执行此操作。有人可以帮助我吗，因为我的解决方案不起作用。超文本标记语言 &l...

sass css-selectors

回答 2 投票 0

如何在 Angular component.scss 文件中使用 SCSS mixins？

你好吗？如何在 Angular 组件中使用 scss mixin？语境我在 /src/styles/_mixins.css 中为我的 scss mixins 创建了一个文件，并将这个 mixins 文件导入到全局样式文件 sty...