sass混合和css自定义属性

文章/答案/技术大牛

发布

1回答

访问SASS模块中的自定义属性

css、sass、css-variables

因此，假设我有一个SASS模块_module.scss，它声明一些css变量，也就是自定义属性。现在，当我在另一个SASS样式表中加载这个模块时，让我们称它为main.scss，我可以访问所有SASS-变量、混合器和规则，但不能访问其中的自定义属性？我是不是遗漏了什么？我尝试将变量包含在一个纯css文件module.css中，该文件编译了，但在运行时没有声明任何自定义</e

浏览 2提问于2020-02-23得票数 0

回答已采纳

1回答

css、sass

我尝试为css自定义属性构建一个sass混入，以使工作更容易一些。'$')#{$value});输出如下所示： background: $value;}我试图在网上找到一个解决方案，但我要么太傻了，要么找不到。这里有人知道我做错了什么吗？

浏览 4提问于2017-08-01得票数 1

4回答

由于CSS自定义属性导致的Sass中断？

css、sass、mixins、css-variables

假设您拥有颜色的CSS自定义属性：而且您想在每次需要时特别地将它与rgb或rgba混合。这是有效的CSS：...but Sass爆炸。我一直试图看看我是否可以写一个混音或什么，但我不知道如何绕过Sass坚持使用它自己的颜色功能，即使它们是不必要的。

浏览 0提问于2017-04-27得票数 5

回答已采纳

1回答

如何在scss文件中使用css全局变量？

css、sass

我将在scss文件中使用css全局变量，这样我就可以在任何时候改变按钮的颜色。

浏览 9提问于2020-04-05得票数 0

1回答

无法使用SASS* @if语句使用CSS自定义属性(也称为CSS变量)*

css、sass、css-variables、scss-mixins

我正试图将一些CSS自定义属性传递给一个SASS Mixin。当直接应用于我想要的样式时，我可以使用这些变量。但是，当我试图在If语句中使用变量时，它不起作用。混合示例： background: hsl($hue, 50%, 50%); // $hue works as expectedcolor: 'orange'; } @else { // always enters

浏览 2提问于2020-11-18得票数 0

1回答

如何创建接收CSS变量并将其转换为SCSS变量，然后返回该变量的SCSS函数

css、sass

我想做一个获取CSS变量的函数，然后在函数中返回一个新创建的SCSS变量；这就是sass list-style: none; width: 25rem;

浏览 1提问于2019-11-30得票数 1

2回答

我只能在Sass里筑巢

css、ruby-on-rails、sass

我也希望能够使用、mixins、和变量。我的创业板文件是包含sass的： gem 'sass-rails', '~> 3.2.3'end 我的css文件名为custom.css.scss。

浏览 4提问于2012-10-13得票数 0

回答已采纳

2回答

默认在一个SASS混音？

css、sass、compass-sass

我有这个SASS混音： &:after, content: ""Invalid CSS after "1% ": expected expression (e.g. 1px, bold), was "!default") 我想要实现的是，如果已经为选择器定义了heig

浏览 0提问于2012-04-27得票数 10

回答已采纳

3回答

开机自检CSS不转换自定义属性

javascript、css、webpack、sass、postcss

我有一个使用Webpack的项目，它利用了PostCSS加载器和代码拆分。使用SASS加载器将模块的CSS直接导入到入口点，如下所示。import '@/css/modules/components/_accordion.scss' 一些模块使用CSS自定义属性，这些属性是在上面导入的同一入口点中的单独模块中声明的。作为一种变通方法，为了转换它们，我目前正在导入包含每个SASS</em

浏览 0提问于2019-05-15得票数 14

1回答

尝试在CSS中编写一个关于Turbo主题/购物的媒体查询，但它不起作用？

css、shopify

我使用的是Turbo主题，它允许您在元素中输入自定义CSS。

浏览 1提问于2021-08-05得票数 0

2回答

我们可以覆盖scss变量vai react props吗?有可能吗？

reactjs、sass、bootstrap-4

我将从颜色选择器中选择一种颜色，并更新特定的颜色状态:要求是，如果我从颜色选择器中选择，它必须从react js属性或变量传递给scss变量n覆盖它们。它必须通过reacrjs到scss来完成，如果可以从js到css，那么就可以从reacr js到scss，这是它所缺少的一件事。this.props.primary.btn{ } 我需要的是它必须是动态的，如果我从颜色选择器中选择它，它必须从react js属性或变量传递到

浏览 3提问于2018-11-21得票数 0

1回答

只使用CSS使用Zurb的Foundation4框架。没有SASS/Compass？

css、codeigniter、sass、zurb-foundation

我是网页设计和堆栈溢出的初学者，对于我将要问的任何愚蠢的问题，我事先表示歉意。我正在使用基金会框架(CSS的唯一版本)来设计我的站点，没有SASS & Compass，我想知道除了不能使用mixins构建之外，还有什么缺点？有没有其他方法来自定义基金会的组件而不需要混合呢？因为我知道不建议编辑foundation.css或任何其他基础文件。

浏览 1提问于2013-05-07得票数 3

回答已采纳

1回答

如何创建ExtJS 4主题而不使用指南针和SASS？

css、extjs4、themes

我想为基于ExtJS 4的应用程序创建自定义主题。我阅读了ExtJS文档，发现我们需要安装Ruby、指南针和SASS来创建自定义主题。由于我不确定是否我的客户(和我的雇主也)会允许我安装这3个工具，我想知道是否有可能创建自定义主题而不使用这些工具？提前感谢！

浏览 1提问于2012-11-26得票数 5

回答已采纳

1回答

Font Gulp SaSS任务中可怕的未定义变量

sass、gulp、font-awesome、gulp-sass、font-awesome-5

但是当我尝试在我的sass文件中使用字体强大的混合时，Sass任务出错了： throw er; // Unhandled 'error' event|-css |-webfonts//FontAwesome @import 'fontawesome/font

浏览 0提问于2018-11-07得票数 1

1回答

通过css设置Sider窗体的宽度

css、reactjs、antd

Ant的Sider组件为在js/JSX中设置宽度提供了属性width。但是，此宽度覆盖通过ant-layout-sider选择器在css中指定的任何宽度。因此，我想知道如何在css中而不是js中指定宽度？我知道css中的!important规则，但我试图避免它，因此我想知道是否有替代的解决方案？

浏览 0提问于2019-07-19得票数 1

1回答

使用Sass的跨浏览器混合器

css、sass、mixins

我对Sass很陌生，所以我对这件事还不太了解。我的想法是，我创造了这样一个混合体； -webkit-+$css; -o-+$css;} 然后由@include crossBrowser("transition: 0.2s ease-out");使用。还是必须为我想包含的每个CSS3属性创建一

浏览 2提问于2013-10-13得票数 1

1回答

为CSS模块？

8、theming

我曾在Drupal项目中工作过，其中SASS用于生成主题中的CSS文件(使用gulp或compass)。我还在Drupal项目中工作过，其中许多CSS (没有SASS)都生活在自定义模块中，用于样式Drupal组件(视图插件、ds布局、字段格式化程序等)。我现在想知道怎样才是把这两个世界结合在一起的最佳方式：允许包含来自其他模块的源。当然，必须相应地声明依赖项。允许控制模块，或打算被重用的“公司”模块，与

浏览 0提问于2019-11-12得票数 0

2回答

全球Sass导入和使用- Nuxt 3静态资产

vue.js、nuxt.js、vuejs3、vite、nuxtjs3

我正在尝试从/assets目录导入一个全局Sass样式表，并使用在组件中定义的变量和混合器之类的东西。nuxt.config.ts目前如下所示： css"], // This throws error css: { load

浏览 36提问于2022-01-01得票数 5

回答已采纳

1回答

SassScript交互式shell不适用于SCSS语法

sass

我使用sass --scss --interactive或scss --interactive并输入>> $x: 3px;，得到错误：SyntaxError: Invalid CSS after "3pxPS: Sass使用：sudo gem install scss安装。然后是chmod -R 755 /var/lib/gems，其次是chmod 755 /usr/local/bin/{scss,sass}

浏览 2提问于2014-11-03得票数 1

回答已采纳

2回答

未导入或编译的Sass混音

css、webpack、sass

我使用webpack 4和迷你css解压缩插件，连同sass加载程序/节点sass来编译我的sass到css。一切看起来都很好，但是一个位于导入的scss文件中的混合文件将不能工作，我得到了一个构建错误。 ERROR in ./node_modules/css-loader??ref--6-1!./node_modules/css-loader??ref--6-1!./nod

浏览 1提问于2018-04-19得票数 1

回答已采纳

点击加载更多

访问SASS模块中的自定义属性