标签[sass] 第6页 - 堆栈内存溢出

[英]SFC Styles not loading with VITE and vue 2

所以我正在使用 vue 2.7.14。从 webpack 移动到 vite。我在每个组件 (SFC) 中的所有 scss styles 都没有加载。实际上，样式加载在 head 标签中，但它向 url 添加了一些 url 参数，而不是将 styles 加载到组件中（参见“html 输出”） ...

sass 变量在容器查询中不起作用

[英]sass variable not working in container query

SCSS 变量在容器查询中使用时似乎不起作用。例如这段代码工作得很好：.parent { container-type: inline-size; background: yellow; } @container (max-width: 800px) { .child { ...

Webpack + sass-loader + mini-css-extract-plugin 错误

[英]Webpack + sass-loader + mini-css-extract-plugin error

我是 webpack 的新手，只是想逐步设置一个测试项目。我目前一直在处理 sass 样式表，问题肯定与mini-css-extract-plugin package 有关，因为如果我从 css/sass 规则中删除它的加载器，我就没有错误（当然也没有输出单独的文件） . 我之前的步骤涉及简单的 ...

即使未设置，网站也有宽度限制

[英]Site has a width limit even if not set

我已经完成了我的主页并希望它具有响应性，我希望内容占据整个页面宽度，但宽度有某种限制，所以当我想让文本变大时，它只会在一定宽度处中断（例如，请参见屏幕截图）。这是一个例子：@media (max-width: 480px) { body { background: #000 ...

如何在“变量”中插入 SCSS 变量？

[英]How to interpolate a SCSS variable in a 'variable'?

我需要看看是否有一种方法可以解析出有效、动态生成的变量。我的应用程序中的variables.scss文件中有一个“颜色”定义列表：$colorsList: "primary" "success" "info" "warning" "danger" "inverse"; 然后我有一些变量，从 m ...

Bootstrap v5 固定徽章宽度

[英]Bootstrap v5 fixed badge width

我有一个带有通知徽章的按钮，但每当数字改变时，徽章的大小也会改变，这看起来不太好看：注意：{{ count }} 将变成 1 到 9 之间的数字。问题是当 count 从 1 变为 2 时，例如因为 2 的宽度比 1 宽。我试过用固定的像素宽度和高度来设计它的样式，但徽章永远不会停留在徽章的中间 ...

NextJs [Typescript, SCSS] 找不到模块

[英]NextJs [Typescript, SCSS] Module not found

我正在将 Next.js 应用程序从 .js 交换到 .ts，并使用 ScSS，这似乎是我在npm run dev时遇到的第一个错误。似乎当我运行npm run build时，我遇到了一些与 scss 无关的问题，所以可能是一个更广泛的问题。真的很感激任何建议吗？从 js 切换到 ts [E ...

Webpack 5 拆分块不适用于 scss 导入

[英]Webpack 5 Split chunks not working with scss imports

我有一个非常基本的 webpack(v5.75.0) 文件设置： webpack.config.js：主页.js：关于.js：家.scss：关于.scss 我的理解是，使用我的 splitChunk 设置，这应该创建一个单独的样式表，卡片为 css，因此我可以在项目中共享它。但是，我得到 ...

如何为输入元素内的光标/插入符号设置样式和设置动画

[英]How do you style and set animations for the cursor/caret inside of the input element

为了清楚起见，我使用的是 react 和 mui 我想更改输入元素内插入符的样式并给它一个 animation。我可以使用caret-color更改颜色，我可以使用autofocus为其设置默认闪烁速度。闪烁速度是一些默认值，即使我通过关键帧和不透明度为插入符分配闪烁 animation，默认值 ...

如何在 Vue 文件中编写的样式标签上运行 stylelint

[英]How to run stylelint on the style tag written inside a Vue file

我在我的 Vue 项目中为 styles 配置 stylelint。对于独立的.css和.scss文件，我使用stylelint-scss package 完成了此操作。但是我很难为我的 vue 组件中编写的样式标签配置它，如下所示。我必须为写在<style lang="scss" sc ...

我们可以在HTML中添加SCSS文件吗？

[英]Can we add SCSS file in HTML?

有什么办法可以在 HTML 中使用 SCSS 文件吗？我刚开始了解 SCSS，发现我们通常在 Ruby 语言中使用它，所以出于好奇，我尝试在我的前端项目中添加 SCSS 而不是 CSS，因为 SCSS 包含更多 CSS 中不存在的功能，但失败了。 ...

Vue3/Vite/Vuetify 3 构建错误：变量未在 @used 模块中使用 !default 声明

[英]Vue3/Vite/Vuetify 3 Build Error: Variable was not declared with !default in the @used module

我正在尝试在 Vue 3、Vuetify 3、Vite 构建中实现 SASS 变量，但遇到有关未使用 !default 声明变量的错误我按照Vuetify 3 文档中的说明设置 SASS 变量，并尝试为扩展面板活动标题高度设置变量覆盖// src/styles/settings.scss @use ...

将 cursor 移离父元素时，如何防止下拉菜单关闭？

[英]How to I prevent dropdown menu from closing when moving cursor away from parent element?

在这种情况下，如果我想防止下拉菜单在鼠标从父项移开到下拉菜单时关闭，那么什么是好的解决方案。下拉菜单应该远离父 li 元素，但当我想访问下拉菜单时不应该关闭。如果 cursor 完全离开导航，那么下拉菜单应该关闭。我的 html 我的 SCSS 例子 https://jsfiddle.net ...

使用 sass 和 css 变量尝试不透明度

[英]Trying opacity with sass and css variables

我正在使用自定义 function 从 db 将 css 变量加载到我的应用程序中，这将执行类似于以下代码的操作一切似乎都有效，除非我必须对我的颜色进行不透明处理。 background-color: rgba($primaryColor, 0.15)不工作。当我打开控制台时，我看到backg ...

使用媒体查询时如何修复 flexbox 重叠 div？

[英]How to fix flexbox overlapping divs when using media query?

我在这里问我的第一个问题，所以如果我没有解释清楚，我会提前道歉。我目前正在开发投资组合网站（Angular 13 with Sass）。我已经到了在 flexbox 中将两个 div 并排放置的地步。我使用媒体查询（移动视图）来实现将 div 放置在彼此下方。一个 div 包含文本和其他图像 ...

如何向按钮容器添加滚动条？

[英]How to add a scroll to the buttons container?

我有这个按钮，它有一个 hover 效果，在悬停按钮的顶部呈现一个跨度。它工作正常，但是，当屏幕宽度发生变化时，它看起来很糟糕：这些是要素：这是 scs：我在找什么我决定最好的解决方案是水平滚动。问题是跨度是基于按钮的绝对定位，所以我无法想出一种方法来在水平滚动时将跨度保持在悬停按钮 ...

手风琴 JS。如何将 class 添加到其他 class？

[英]Accordion JS. How add class on click to other class?

单击 to.accordion-item-header 时如何将 add.active 添加到 .accordion-item？我想 add.active 将我的 bgc 切换为 javascript 而不是 jquery。 HTML CSS (SCSS) JS enter image ...

如何编辑 vuetify 3 默认排版 styles？

[英]How to edit vuetify 3 default typography styles?

我想编辑 vuetify 3 的默认排版，它在 variables.scss 文件中定义，该文件如下所示，位于 package 本身内部。我想要实现的是例如将 h1 大小更改为 32px，这样默认的 vuetify text-h1 class 将自动获得新的 32px 值。我已经尝试过重写 v ...

如何修复“npm ERR：缺少脚本：”

[英]how to fix "npm ERR! Missing script:"

我写了脚本“样式”，但出于某种原因不想执行它。使用 npm 运行命令，您可以只执行脚本“test”：“echo “错误：未指定测试”&& exit 1” 我的 package.json 如下，以及我运行命令时的完整错误消息：在这里，我试图运行一个 sktipt：在这里我看看可 ...

边框半径在 safari 浏览器中不起作用

[英]border radius not working in safari browser

你好，我做了一个圆圈，就像我使用 border-radius 的图片一样。它适用于所有浏览器，但不适用于 safari。即使我添加了前缀，我该如何解决？ content: "";display: -webkit-inline-box;display: -ms-inline-flexbox;di ...