sass 相关问题

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

单独的填充顶部/底部/左/右工作,一个填充不起作用。为什么?

我想在连接到html的scss文件中自定义一个按钮。 这是一个弹性布局。 元素本身的大小是83.333×16px。 盒子大小是 框大小:边框框; 当我进入 顶部填充:1...

回答 1 投票 0

Sass 与 BEM,继承选择器

我正在使用 Sass 3.4.1 和 BEM 所以我的 scss 是: 。今日图片{ & - 标题{ 字体大小:16px; } } 我希望每次将鼠标悬停在 .photo-of-the-day 上时,标题都会发生一些事情,t...

回答 3 投票 0

选择打印路径中的节点

我遇到一个问题,我的页面位于特殊打印视图的后台。我想用一个特殊的类来标记我的打印视图容器,比如说“.print”。我正在寻找一个解决方案......

回答 1 投票 0

SassError: (背景颜色: rgba(22, 15, 15, 0), 颜色: rgba(255, 255, 255, 0.9)) 不是有效的 CSS 值

从 Angular v14 升级到 Angular v15 并 npm install 后出现 SassError ./playground/styles.scss - 错误:模块构建失败(来自 ./node_modules/sass-loader/dist/cjs.js): SassError:(背景...

回答 1 投票 0

NPM 未运行! “npm install node-sass”命令一直失败

我是一名自学成才的程序员, 我正在尝试为 sass 运行 NPM,但它不起作用。我没有足够的词汇来理解人们收到的答案。当我运行 npm install node-sass 时,...

回答 1 投票 0

如何停止Opencart v3 SCSS编译器

我正在尝试为 OpenCart v3 创建一个主题,就像它的默认主题一样,我也使用 bootstrap 框架。没有带有 SCSS/SASS 扩展名的文件,但每次刷新页面时它看起来......

回答 2 投票 0

在深色模式下更改 Bootstrap 主题颜色的颜色?

如何在 Bootstrap 5.X 中仅使用 sass 更改深色模式的主题颜色(主要、次要等)?我知道如何在浅色和深色主题模式下更改主色: 自定义.scss ... 是...

回答 3 投票 0

我的 styles.scss 根本无法在 html 中工作

我已添加 我已经在我的电脑中安装了 sass 。 styles.scss 中的代码很好。 我做错了什么?

回答 3 投票 0

迁移到 .NET 5.0 并使用 SASS 后,Blazor CSS 隔离不起作用且未添加范围标识符

我最近将一个宠物项目从 Blazor .NET 3.1 迁移到 .NET 5.0,并尝试切换到使用 css 隔离。 我创建了一个 scss 文件(它使用网络编译器编译为 css 文件

回答 6 投票 0

使用 sass mixin 生成字体大小类

我正在尝试使用 SASS mixin 生成字体大小类。它们看起来像 .font-size-20 类,具有 font-size: 1.25rem 属性。我正在使用新的 Bootstrap 5 函数从 px 到 rem 的转换...

回答 2 投票 0

::after 在我的开发网站中不起作用

我在 SCSS 中使用了这个,但我没有看到任何东西。 &::后 { 位置:绝对; 右:0; 顶部:0%; 宽度:216px; 高度:254 像素; 变换:旋转Y(180deg); 背景...

回答 1 投票 0

外部 div 的边框取决于内部内容

我有一个 div 包装器 .outter,它可以有任意数量的 .inner-wrapper div。它们有任意数量的 .element div。从一个级别到另一个级别,元素的数量要么相同,要么更少。

回答 1 投票 0

为什么在 sass 中使用 `@use` 而不是 `@import` 在 create-react-app 中不起作用?

我在 React 中的一个网站上工作了几天,并认为我应该使用 Sass,但由于某种原因,使用 @use 不起作用,而使用已弃用的 @import 却可以。 这是我的 package.js...

回答 1 投票 0

如何在 Electron React 应用程序中使用 ionicons 7?

我有一个电子应用程序(带有react),当前使用ionicons 5.2.3。在我的项目中,我发现一个 scss 文件夹,其中包含一个子文件夹 ionicons,其中包含一组 .scss 文件。 不过,我想升级到

回答 1 投票 0

Quasar 选择下拉所需类别

我试图弄清楚如何在“必需”时在 Quasar 的 Select 组件旁边设置星号(*)。 我可以使用 Quasar 的“输入”组件很好地做到这一点,但是…

回答 1 投票 0

PhpStorm:SCSS 文件观察器 - 如何禁用源映射?

我在 PhpStorm 9 中使用 SCSS 文件观察器,并且想禁用源映射生成(.map 文件)。如何为此配置观察者?

回答 2 投票 0

如何将 vue3-sfc-loader 与 scss 一起使用

有谁知道我将如何使用 vue3-sfc-loader,它可以让我在没有构建工具的情况下使用 vue,同时仍然能够使用 scss 样式? 以下示例取自此处: 索引.html 有谁知道我将如何使用 vue3-sfc-loader,它可以让我在没有构建工具的情况下使用 vue,同时仍然能够使用 scss 样式? 以下示例取自此处: 索引.html <!DOCTYPE html> <html> <head> <script type="importmap"> { "imports": { "vue": "https://jspm.dev/vue/dist/vue.js" } } </script> </head> <body style=margin:0> <div id="container"></div> <script type="module"> import Vue from 'vue'; container.innerHTML = '<p>{{ message }}</p>'; new Vue({ el: '#container', data() { return { message: 'Hello Vue.js!' } } }); </script> </body> </html> myComponent.vue <template> <span class="example">{{ msg }}</span> </template> <script> export default { data () { return { msg: 'world!', color: 'blue', } } } </script> <style scoped> .example { color: v-bind('color'); } </style> 我想用它来做一个小项目。提前非常感谢! 从 vue3-sfc-loader v0.9.4 开始,异步样式处理器可用。 请参阅以下 sass 示例: https://github.com/FranckFreiburger/vue3-sfc-loader/discussions/181

回答 1 投票 0

Windows 的媒体查询在 1023px 宽度时失败

我正在尝试设置媒体查询,以便网页具有响应能力,并在宽度小于 1024px 时切换视图。但是当 Google chrome DevTools 中的宽度设置为 1023px 时,媒体查询是......

回答 2 投票 0

容器宽度在较小的屏幕上无法保持 100%

我正在尝试制作一个具有响应式 UI 的简单应用程序登录页面,但我在使用 chrome DevTools 和理解每个容器宽度的行为方面遇到了很多困难。我有每个

回答 1 投票 0

如何编写适用于所有情况的 :not() CSS 排除?

当定义了 CSS 类作为具有此规则的父级时,我尝试排除一些 CSS 规则: .cc div:not(.cc-ei) li { 颜色:红色; } 但它并不适用于所有情况,正如您在...

回答 1 投票 0

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