css-variables

    1热度

    2回答

    我已经继承了前端使用Polymer构建的Web应用程序。当我运行各种Docker命令时,主要是的作品,但有一些CSS问题。具体来说,一些聚合物风格似乎并未被编译。例如,与<paper-dialog>元件,颜色变量没有被替换: .paper-dialog-0 { display: block; margin: 24px 40px; background: --prim

    0热度

    2回答

    是否可以在ng样式中添加自定义css属性又名css变量? 我曾尝试使用此: <li ng-repeat="item in vm.items" ng-style="{'--index': $index}">{{item.name}}</li> 但这不工作我的风格属性没有--index的开发人员工具检查时。

    1热度

    1回答

    我有一个动态的Polymer 2.0应用程序,但它似乎不适用于@apply。 我有CSS变量,混入: <custom-style> <style> html { --content-background-colour: #fff; --content-foreground-colour: var(--paper-grey-700);

    0热度

    3回答

    我工作的一个小更新http://codepen.io/wesbos/pen/adQjoY,并想用CSS变量来改变形象,只是为了看看,如果我能做到这一点。到目前为止,这不起作用。 <img src=imageFile> <style> :root { --image: 1; --imageFile: '"https://source.unsplash.com/7bwQXzb

    1热度

    3回答

    TL; DR:如何使用SCSS为旧版浏览器提供具有回退功能的CSS变量。我试图理解这个article。在我看来,你必须已经是高级SASS用户才能理解它,而我不是。更糟糕的是,这是我在这个主题上发现的唯一文章。 这里是我想要实现: 我SCSS应该是沿着线: body { @include v(background-color, primary) } 然后将处理后CSS应该 body{

    0热度

    1回答

    根据MDN,var函数接受多个回退。但我无法让他们工作。 我在Chrome,Firefox和Safari上试过以下代码。在上述所有浏览器中,background-color对于.demo3都是透明的。 这是代码错误,还是因为浏览器没有实现变量后备? :root { --my-var: red; } .demo1 { background-color:

    0热度

    1回答

    为什么Polymer团队改变了他们在Polymer元素中定义默认CSS变​​量值的方式?下面是一个例子: 老式 color: var(--my-value,--default-value); 新款 color: var(--my-value,var(--default-value)); 是否有自定义的CSS变数任何新的规格?它有什么优势吗?还是完全是其他原因?

    1热度

    1回答

    我想通过pure css在其中的伪元素中显示元素的值z-index。 为了实现这一点,我决定使用CSS变量。但问题是,z-index是一个数字,但content是一个字符串。我怎样才能创造价值? 在下面的示例中:如果p使用z-index: var(--z)它显示在红色div与z-index: 8。我想要p使用z-index并同时显示after。我该怎么做? p { position:

    1热度

    1回答

    请原谅我,如果这是一个简单的问题,但我在CodePen上与此战斗,并不知道发生了什么。 我在代码: :root { --ile: 10; } @for $i from 0 to (var(--ile)) { } 问题是Codepen声称VAR( - ILE)不是一个整数(啊?)即使显然是(它没有单元因为它是不10.0它不能是一个浮点数)。 我错过了什么?我试图查看CSS规格和网上

    5热度

    3回答

    随着css变量的引入,我想知道为什么选择--作为表示变量的一种方式。 考虑到CSS有一个半功能的calc函数,我觉得--很容易被其他语言的递减运算符混淆。 我很好奇,如果有任何历史意义或技术限制导致选择--。当CSS标记通常是单数(#,。,@等)时,这个双重困扰我。另外使用已被其他事物使用的符号也很有趣(特别是当它对于以--开头的类名有效时)。 例子: @custom-media --lt-sm