sass 相关问题

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

如何使导航栏上的元素居中 | SCSS 与 Astro

我的 SCSS 无法正常工作。它应该将我试图制作的导航栏组件的链接居中,而不是徽标。 css 没有将它们都居中。 图像 以下代码是我的CSS(SCSS): .

回答 1 投票 0

flexbox mixin 在通过 SCOUT 安装的 sass/compass 中不存在

也许有人给我一个提示,帮助我节省穿过丛林的时间。我安装了 sass/compass GUI“scout”(在 mac 上),现在我想为我的 Flexbox 使用 compass mixin。 我可以@...

回答 2 投票 0

现场自适应菜单

我需要一个固定在链接底部的菜单 https://www.openmedia.co/ 我做不到。有人可以帮助实施和适应性吗 我试图做到,但我做不到......

回答 1 投票 0

CSS 唯一让单词在句子中自然出现的解决方案

所以我有一个 html.slim 句子,如下所示: p |登录到 span.word-shapeshift.text-center 探索 span.word 参与 征服span.word span.word 失败 ...

回答 1 投票 0

NextJS 中 :global() css 模块选择器不纯的问题

所以我正在将应用程序从 CRA 迁移到 NextJS,并且我遇到了某些组件和页面的 .module.scss 文件的错误: 语法错误:选择器“:global(.label-primary)”不是...

回答 4 投票 0

::深入 SASS + VS 2022 + Blazor = 仅允许以 .razor.css 或 cshtml.cs 结尾的文件名警告

我在 blazor 应用程序中使用 sass 并使用“DartSassBuilder”,所以我有这样的东西 添加剃须刀 添加razor.scss 添加razor.css 现在在我的“scss”文件中 :...

回答 1 投票 0

如何处理 Sass 中的导入循环?

我有一个名为index.sass的主sass文件,它定义了一些全局变量,例如颜色和主体样式,以及一个标题栏样式的TitleBar.sass。 索引.sass: @use './TitleBar' $primaryC...

回答 1 投票 0

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

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

回答 1 投票 0

使用 Vue 和 SCSS 的数字滚动动画(和内容生成)

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

回答 1 投票 0

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

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

回答 2 投票 0

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

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

回答 1 投票 0

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

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

回答 2 投票 0

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

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

回答 1 投票 0

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

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

回答 2 投票 0

Bootstrap 4 - Reboot.scss 覆盖 Global.scss

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

回答 6 投票 0

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

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

回答 2 投票 0

如何使用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 }

回答 1 投票 0

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

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

回答 1 投票 0

将 scss 打包成多个包

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

回答 1 投票 0

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

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

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.