使用 SCSS 生成默认值和 css 变量
[英]use SCSS to generate both defaults and css variables
我正在实施网站样式。 出于遗留支持的原因，我需要支持 IE11，至少一段时间。 出于工作流程和我的理智原因，我想尽可能使用 css 变量。 我看过这个解决方案，它会生成一些有用的东西，但使用起来非常冗长。 我的目标是最终得到一个硬编码值，它会立即被 CSS 变量覆盖。 这样我就可以为每个人添加一个默 ...
如何将 URL 数据从 HTML 发送到 CSS 变量？
[英]How to send URL data from HTML to a CSS variable?
我正在尝试将此卡片样式 ( https://codepen.io/simeydotme/pen/PrQKgo ) 集成到我的 Rails 应用程序中。 但是这样做似乎很难，因为我的代码在 HTML 上生成了图像 URL，但是这个 CodePen 的图像 URLS 在 CSS 中声明在一个像--ch ...
将 SASS 部分文件与主要文件连接？
[英]Connecting SASS partial files with main one?
如何将这两个部分文件夹（变量和基础）与我的 main.scss 连接起来？ 不要给我推荐任何视频或类似的东西，我在过去的 3-4 天里一直在观看和尝试，但没有任何效果！ 如果您熟悉 sass，非常感谢您帮助解决此问题，因为我不是！ ...
vue3中使用.module.scss时出现ts错误
[英]When using .module.scss in vue3, ts error occured
我在foo.module.scss中有一个变量，我想在.vue文件中使用它。 当我将变量导入foo.vue时，出现 ts 错误// foo.vue <script lang="ts" setup> // Module '"*.module.scss"' has no exported m ...
$color "color" 不是 Bootstrap 中的颜色
[英]$color "color" is not a color in Bootstrap
如果我在 Bootstrap SCSS 主题 map 中使用变量，我会收到错误消息。 我的 SCSS： 错误： ...
有人可以告诉我这个 SASS 代码有什么问题吗？
[英]can someone tell me what's the problem with this SASS code?
当输入值“xs”时，我收到一条错误消息“(max-width: 575.98px) 不是有效的 CSS 值。” 当输入任何其他值时，我收到以下错误消息“尚不支持此断点‘sm’”是否可以将此想法应用于 SASS？ 这是我的代码： 我想尽量减少我用这个 SASS mixin 编写的代码数量 ...
在 React 组件中使用 Bootstrap 的 SASS-Variables
[英]Use SASS-Variables of Bootstrap in React components
赏金明天到期。 此问题的答案有资格获得+50声望赏金。 乔纳斯正在从可靠的来源寻找答案。 我在我的 React (Next.js) 项目中使用 Bootstrap 和 SASS。 我现在想在组件的 SASS 模块（作用域）中使用 Bootstrap 的 SASS 变量。 /样式/样式.scss ...
SASS 一次创建多个变量
[英]SASS create multiple variables at once
是否可以使用 map 创建单个 SASS 变量，然后为每个键值对创建一个变量？ 例如，我想要这个： 变成这个： 我使用 map 为每个变体创建 class 个名称，但我想创建变量本身而不是 class 个名称。 ...
使用 scss 更改默认的 Vuetify 3 组件设置不起作用？
[英]Using scss to change default Vuetify 3 component settings does not work?
所以我一直在尝试按照 Vuetifys 文档来更改文本字段边框。 据我了解，文本字段边框由$text-field-border-radius确定。 我在我的src中创建了一个settings.scss文件： 然后我将该文件添加到我的vite.config.js ： 此外，我已将其添加到我的logi ...
无法在 Ionic / Angular App 中导入 Swiper Scss
[英]Can´t import Swiper Scss in Ionic / Angular App
我安装了npm install swiper 。 如果我想在全局 SCSS 中添加 Swiper Scss，如此处所述https://ionicframework.com/docs/angular/slides我收到一条错误消息./src/global.scss - Error: Module b ...
类型错误：无法读取未定义的属性（读取“toString”）（顶点图表）
[英]TypeError: Cannot read properties of undefined (reading 'toString') (apex-charts)
我正在做一个个人项目，我正在考虑使用 apexcharts，但是开始出现图像中显示的错误，如果我在图表组件中设置宽度和高度属性，它就会消失，如果我把网站放在一起，它也会消失在生产中，但目前我正在研究布局的响应能力 我已经尝试在 css 中定义组件的宽度并在其上设置样式，但是组件的样式占上风，我是框 ...
如何阻止页面滚动
[英]How to block scrolling on pages
我的 angular 应用程序有问题。 在我的主页上，我有带导航栏的背景元素（导航栏覆盖背景元素）。 Navbar 获得 100 vh 并且它通常有效，直到我的 iPad 或 iPhone 上的 go ......在这个设备页面上可以滚动，我真的不想要它。 如何阻止此设备上的滚动？ 作为参考，这是 ...
有没有办法在屏幕上的特定点放置特定宽度和高度的div
[英]Is there any way to place a div of specific width and height at a particular point on the screen
我有一个我制作的图像，它充当我网站中某些元素的占位符，我希望将这些元素准确地放置在那里。 像这儿 就像在这张图片中一样，我如何使用 css 和 html 将文本框的 div 和一个按钮准确地放在时钟的板侧。 ...
如何删除离子列表中最后一个离子项的边框
[英]How can I remove the border from the last ion-item in an ion-list
我有一个动态填充的离子项目的标准离子列表。 我想这样做，以便标准边框不会出现在列表中的最后一个离子项目上。 我已经尝试了以下但它只是从每个项目中删除了边框。 ...
如何在 sass 中没有 class 名称的情况下进行@extend？
[英]How to @extend without class name in sass?
如果父母在 sass 中没有 class 名称，是否有任何方法可以扩展 class？ scss @extend &:last-child似乎不起作用。 ...
Visual Studio Code 的格式化问题
[英]Formatting issues with Visual Studio Code
我最近遇到了在 Visual Studio Code 中格式化 in.scss、.css 和 .html 文件的问题，我似乎无法弄清楚如何将其恢复到我的首选设置。 以前，我可以输入一个 class 名称，打开括号并单击 enter，它会被很好地格式化，如下所示。 现在，当单击 enter 时，它只是 ...
Vite如何设置TypeScript和SCSS为Vue组件的脚本和样式的默认语言？
[英]How to set up TypeScript and SCSS as the default languages for script and style of Vue components with Vite?
我用 Vue 2.8 和 Vite 创建了一个项目。 要使用 TypeScript 和 SCSS，我必须在每个组件中明确指出它： <script lang="ts"> <style scoped lang="scss"> 鉴于项目使用Vite ，如何将 TypeScript ...
在 Angular 15 中更改 Mat-Form-Field 的外观
[英]Change appearance of Mat-Form-Field in Angular 15
我想更改具有“轮廓”外观的 Mat-Form-Field 的外观。 所以它应该有一个白色的背景和白色的边框。 我们已经尝试使用： encapsulation: ViewEncapsulation.none 然后 我们还尝试使用::ng-deep ，尽管它已被弃用。 最后的手段是改变整个 Angul ...
Angular 8 建筑环境问题。 “复合选择器可能不再被扩展”
[英]Angular 8 build environmental issue. "Compound selectors may no longer be extended"
这个赏金已经结束了。 此问题的答案有资格获得+300声望赏金。 赏金宽限期在14 小时后结束。 Chris Kooken想让更多人关注这个问题。 我们有一个较旧的 Angular 8 应用程序，该应用程序有点腐烂。 我们引进了一位新的开发人员，我们正计划将所有内容升级到 ng 最新版本。 我有一 ...