在 JS 中存储来自 CSS 的变量

[英]Store Variable from CSS in JS

我正在为我的应用开发一个主题选项。 主题通过 electron-store 存储，并在 render 方法中应用于页面。 当我用它来设计其他 css 元素时，这非常有用。 但是，我有一页使用画布仪表。 据我所知，仪表无法通过 CSS 设置样式，我必须直接在渲染方法中设置颜色。 我现在的问题是，我是否 ...

Jekyll minima 主题的基本配置

[英]basic configuration of Jekyll minima theme

我在开始为Jekyll配置minima主题时遇到了一些困难。 主题是 Jekyll 的默认主题，似乎非常受欢迎，自述文件中的说明看起来很简单，但我无法让它们工作。 我可能正在做一些明显错误的事情，这里的人可以看到。 这是我的_config.yml中的（匿名）活动行：title: IT thought ...

如何将样式字典配置文件修改为 output 排版标记作为 SCSS 变量

[英]How to modify the style dictionary configuration file to output the typography tokens as SCSS Variables

我是设计代币和设计系统的新手。 我正在尝试使用样式字典将我的设计标记转换为 SCSS 变量，它看起来一切正常，除了排版标记在变量文件中生成为[object object] 。 不确定我做错了什么。 任何帮助，将不胜感激。 下面是我的样式字典配置文件。 我的令牌 JSON 是 ...

如何仅在水平滚动条上应用CSS

[英]how to apply css only on horizontal scrollbar

我是一名新实习生，他们给了我一个简单的任务：个性化水平滚动条我有这段代码，但是垂直滚动条消失了……我需要它在垂直方向上是默认的……只有水平滚动条需要个性化。 如果我把下面的代码放在中间，垂直滚动条也会被个性化......所以我只能得到这个个性化或根本隐藏它......我不能那样做 ...

Vite中是否需要for.scss to.css？

[英]Is there a need for .scss to .css in Vite?

我的Vite项目需要把my.scss文件编译成.css吗？ 如果我只使用 .scss 扩展名，它不会工作吗一切似乎都可以正常工作而无需编译。 ...

如何创建项目垂直排列的三列列表

[英]How to create a three-column list in with items arranged vertically

我在使用 display: grid 设置 ul 样式时遇到问题。 该列表应如下图所示。 此 ul 中的元素可以具有不同的高度。 预期行为到目前为止，我已经为 ul 添加了样式：grid-template-columns: 1fr 1fr 1fr 和 grid-auto-flow: column。 ...

有没有办法将父选择器（＆）与选择器附加（sass：选择器）一起使用

[英]Is there a way to use the parent selector (&) with selector-append (sass:selector)

我正在尝试在 scss 中实现以下目标： 但是，使用 selector-append 就像： 帮助我实现以下目标： 所以我想将父选择器与选择器追加一起使用。 将它直接传递给 selector-append 参数中的字符串会给我一个错误。 有没有办法使用 selector-append 来解决这个问题 ...

整理一些 SCSS

[英]Tidy up some SCSS

我有一些代码可以控制站点上的慈善区域。 慈善区有许多不同的慈善部门，这些部门都有自己的颜色。 我在下面附上了我的 SCSS，但想知道是否有更好的方法来编写和应用它。 到目前为止，我只需要将每种慈善颜色应用为“背景颜色”，但能够对每种颜色进行着色。 我的代码工作正常，但我确信有更好的编写方法。 感谢 ...

更改 state 时更改背景颜色和文本，无论颜色如何

[英]change background color and text when changing state no matter the color

我希望能够采用任何 div，无论它的背景颜色如何，并根据我的情况稍微改变颜色，或深或浅目前，我可以用 css 做到这一点，但我必须选择颜色。 我想要一个未知的彩色或白色或黑色按钮。 function theFunction(){ console.log("woho"); } body { disp ...

如果否则在 SASS 中定位 class

[英]If else targetting a class in SASS

所以我在 razor 中有这段代码： 如果 DisableVideoFitCover 变量为真，则视频标签应该有一个名为“no-display-cover”的 class。 如果不是，那应该是无名的。 我尝试使用 SASS 应用样式： 逻辑应该非常简单 - 如果标签有 class 称为“no-di ...

如何仅包含引导图标中的几个图标？

[英]how includes only a few icons from bootstrap-icons?

我怎么能只包含 bootstrap-icons 项目中的几个图标？ 我已经将该项目添加到我的依赖项（ yarn add bootstrap-icons ）并在其中搜索我可以看到它有一个 sass 文件和一个巨大的 map 变量“$bootstrap-icons-map”我不会包含所有图标，sooo ...

Angular Material自定义主题报错SassError: Only 0 arguments allowed, but 1 was passed

[英]Angular Material custom theme error SassError: Only 0 arguments allowed, but 1 was passed

我从Material Theme Generator生成自定义主题我的主题是这样的@use '@angular/material' as mat; @import 'https://fonts.googleapis.com/css?family=Material+Icons'; @import ...

div 元素中的两个 colors

[英]Two colors in a div element

我正在尝试为两个 colors 中的 div 元素着色。我想要 header 的颜色不同于主体的颜色。 主体颜色为 class 蓝色或绿色（取决于用例 - angular HTML 代码）。 我的问题：如果我定义 background-color: x 为 class header，那么就会有一个 ...

SCSS - 在内容属性中插入变量时如何避免额外空间

[英]SCSS - How to avoid extra space when intrapolating variable in content propery

我有一个像这样的简单混合：@mixin icon_fn($glyph) { &::before {content: "\e#{$glyph}";} } 这样我就可以像@include @icon_fn("9fa")一样简单地使用它，但是由于某种原因， \e和变量之间总是有一个空格。 想 ...

为什么相同的样式适用于 React 中具有不同 styles 的不同 scss 文件的两个组件？

[英]why same style applies to both components having different scss files with different styles in React?

我有两个组件登录和注册不同的单独 styles。 // 登录.jsx // 注册.jsx 我为两个文件设置了不同的背景颜色，即 // 登录.scss // 注册.scss 我在 App.js 中渲染了两个组件，但是这两个组件只应用了一种样式，即 Register.scss 即使我没有将它导入 ...

自定义变量未编译

[英]Custom Variable not compiled

我正在 Symfony 上做一个简单的项目，我正在使用 webpack 添加引导程序，我正在尝试添加一些自定义变量，但是当我进行yarn build时它不会编译如何将自定义变量编译到构建文件夹？ 我的应用程序.scss 我正在尝试更改 emy nav color 但是当我输入变量名时它不显示自定义但 ...

SassError：色调“100”在调色板中不存在。 可用的色调有：主要色调、重音色调、对比色调

[英]SassError: Hue "100" does not exist in palette. Available hues are: primary, accent, contrast

我正在从 Angular 12更新到 13。 看到这个错误，还没找到解决办法。 有人能指出我正确的方向吗？ 我的 package.json SassError：调色板中不存在色调“100”。 可用的色调是：primary, accent, contrast' ╷ 55 │ lighter: _ge ...

媒体查询更改时如何制作响应图像 map？

[英]how to make a responsive image map when media query changed?

当我制作一些 map 时，我在制作响应图像 map 时遇到了这个问题，而不是在媒体查询中，区域的 position 正在发生变化，所以这让我发疯，而不是我发现这种方式的方式是什么？ ...

使用 SCSS 创建 Tailwind 任意值类

[英]Create Tailwind Arbiturary Value Classes using SCSS

Tailwind 具有任意值类，您可以在其中输入自定义属性值，它会将CSS属性设置为该值。 例如，如果我希望我的宽度为37px ，我可以像这样使用 tailwind 的任意值类w-[37px] 。 有没有办法使用SCSS创建相同的实用程序类？ ...

Vite：这个模块只能在service worker内部导入

[英]Vite: This module can only be imported inside a service worker

pnpm package 更新后，我无法再启动我的 SvelteKit 项目。 工具有些混乱： pnpm 、 vite 、 sass 、 terser或sveltekit ，我不知道。> pnpm run dev VITE v4.0.0 ready in 2880 ms ➜ Loc ...