sass 相关问题

Sass 占位符选择器的用例是什么？

在占位符选择器的 Sass 文档中它说 有时您想编写一个仅用于扩展的样式规则。在这种情况下，您可以使用占位符选择器...任何

使用 Vue 和 SCSS 的数字滚动动画（和内容生成）

我正在寻找数字滚动动画的参考，并发现了以下代码（使用SCSS，因此不会在浏览器中运行）： 新的Vue（{ el: ".app", 数据： { 数量: 0 },

如何保持导航栏位于页面顶部，但向下滚动时在屏幕上不可见？

我希望导航栏和标题位于页面顶部，但滚动时它会保留在屏幕上。每当我尝试修复它时，它只会将标题发送到一边或弄乱设计......

使用 Angular 17 将 Angular Material 主题添加到 Stackblitz 项目？

在 Stackblitz 的早期版本中，曾经有一个 styles.css 文件，要使用预构建的主题之一，我们只需向 styles.css 添加导入，如下所示。 @import“~@Angular/Material/pre...

如何在 SCSS 颜色函数中控制 HSLA Alpha 通道？

下面是我正在尝试做的一个示例。我确信有更好的方法可以做到这一点。基本上我希望函数能够通过颜色变量中 hsla 颜色的 alpha 通道，所以...

我无法部署到heroku...我收到错误消息，找不到我的application.scss，因为heroku 正在寻找application.css。有什么建议吗？

当我部署到heroku时，打开日志并加载服务器日志。这是我收到的错误... ActionView::Template::Error（资产“application.css”不存在于资产中

如何修复VSCode中的at-rule或选择器expectedscss(css-ruleorselectorexpected)错误

我正在尝试将 TailwindCSS 与 SCSS 结合使用，但是当我打开此文件时 VSCode 总是给我一条错误消息，我该如何修复它？ 此错误的图像 我在 postcss 文件中的配置： 模块.expo...

Bootstrap 4 - Reboot.scss 覆盖 Global.scss

我正在使用 Sage Starter 主题，并添加一些 CSS 来在 _global.scss 文件中全局设置链接样式。 Bootstrap 从文件 _reboot.scss 中覆盖了一些 CSS 属性。

表单边框在内部元素周围创建空间

我正在尝试创建一个简单的边框表单，其中有一个按钮和 type="text" 的输入。 似乎有一个我无法删除的间距。 主要的 { 显示：柔性；

如何使用styles.module.scss在react-big-calendar中应用自定义样式

我正在使用react-big-calendar库来创建日历，并且我一直坚持自定义日历的样式，并且SCSS不适用 导出 const JobnsCalendar = () => ( 我正在使用 react-big-calendar 库来创建日历，但我一直坚持自定义日历的样式，并且 SCSS 不适用 export const JobnsCalendar = () => ( <Calendar className={styles.calendar} localizer={localizer} views={['month']} style={{ height: '80vh' }} formats={formats} components={{ toolbar: Toolbar, }} /> ); styles.module.scss： .calendar { .rbc-time-header-gutter, .rbc-time-content > .rbc-row > div:not(.rbc-time-gutter), .rbc-header, .rbc-month-view { border-right: none !important; } .rbc-month-view .rbc-row:not(.rbc-header-row) > .rbc-day:nth-child(6) { background-color: blue; } .rbc-month-view .rbc-row:not(.rbc-header-row) > .rbc-day:nth-child(7) { background-color: red; } } 您引用的所有 rbc- 前缀类都是大日历中的“全局”类，在样式表中定义，您仍然必须将其包含在界面中，因为这就是大日历在应用时引用它们的方式。您的 scss 模块需要显示这一点。 .calendar { :global(.rbc-time-header-gutter), // etc }

我是否需要为每个想要使用活动 Material 主题中的设置的 Angular 组件自定义 mixin？

我想回答的问题： 我们是否需要为每个组件添加 mixins 以连接到 Angular Material 主题并包含？ 如果是这样，我们应该如何构建我们的文件夹？把...

将 scss 打包成多个包

我正在 rollup(v2.62.0) 中使用 rollup-plugin-scs(v3.0.0) 插件来打包我的 svelte(v3.44.3) 应用程序。 有两组 scss 文件。一套适用于从左到右的语言，另一套适用于从左到右的语言...

为什么我的卡片盒阴影没有在浏览器中显示？

我正在使用 Bootstrap 5.3.3 构建一个小型仪表板。 由于我在 BS 上使用本机组件，因此我正在处理原始 SASS，添加一些颜色更改和其他一些细微更改。 但我有...

为Bootstrap 5卡盒阴影编辑SASS

我正在使用 Bootstrap 5.3.3 构建一个小型仪表板。 由于我在 BS 上使用本机组件，因此我正在处理原始 SASS，添加一些颜色更改和其他一些细微更改。 但我有...

如何确保两列布局中左侧项目与右侧项目对齐？

如何确保两列布局的 LeftColumn 上的子项与两列布局的 RightColumn 上的子项完全对齐？ 例如我如何确保

如何在 SCSS 中使用 @function 反转变量顺序

好吧，所以我正在开发一个自定义的 scss 框架，并且我试图使所有预定义的变量都可以由用户轻松配置，但是由于 css 的工作方式，我需要有一个特定的变量...

在scss和vue中使用相同的变量？

在scss和vue中使用相同的变量？ 我需要根据数据计算数字，并且它们需要是相同的值。如何在 sass 文件中使用 vue 中的相同变量？ 还有一些计算...

CSS 选择器 - 如何单独选择容器内的跨度？

我试图选择我的 .card--container 中的每个单独的范围，但我无法做到这一点。我已经尝试过 :nth-of-type :nth-child，但我缺少一些重要的东西。 这是一个代码笔 而这个我...

SassError 在 datepicker-bulma.scss 中未定义变量 vanilla js 日期选择器编译

我尝试使用 vanilla js 在角度应用程序中实现日期选择器，但在 $white 变量 SassError 未定义变量 datepicker-bulma.scss 和 cjs.js 中遇到编译错误。 可以...

如何仅自定义 Bootstrap 5 Color 主题前端

我使用 Flask 作为 Web 服务器，因此必须使用静态 .js 和 .css 文件。 我想调整Bootstrap的颜色主题。 不幸的是，这通过 CSS 变量（如按钮）不容易实现