css-variables

1热度

1回答

我正在设计一个新的博客模板。我想，可以很容易通过改变变量的值改变，同时整个模板的颜色，所以我用这些行： :root { --bg-color: #fff; --url-color : #000; --main-color : #2daeeb; --main-hover-color : #2ca1de; --alt-color : #ff6347;

2热度

1回答

是否可以在内容属性的值中使用CSS自定义属性？

实施例： :root { --PrimaryThemeColor: #3acfb6; /* with or without quotes */ } .ColorSwatch:after { content: var(--PrimaryThemeColor); } 当这个被渲染，计算CSS是字面上该值。 content: var(--PrimaryThemeColor

0热度

1回答

如何将变量从typescript导入sass？（Angular2应用程序）

我正在编写应用程序（Angular2框架）。现在我想在开发和生产时在sass文件中创建不同的变量。比如我想使用此解决方案： @if $prod == true { $background-color: #fff; } @else { $background-color: #333; } ，我已经在我的打字稿文件$督促变量。但我怎么能从打字稿文件传递到sass文件？

2热度

2回答

使用JavaScript获取和设置CSS变量？

本周我发现了CSS3变量的荣耀！爱他们！ :root { --main-height: 45px; --main-gutter: -8px; --match-width: 180px; --player-width: 370px; --score-width: 60px; } 我的问题......有没有一种方法可以在JavaScript中设

20热度

6回答

如何将透明度应用于CSS颜色变量？

我正在设计一个电子应用程序，所以我可以访问CSS变量。我已经定义在vars.css可变色： :root { --color: #f0f0f0; } 我想main.css使用这种颜色，但也有一些透明度应用： #element { background: (somehow use var(--color) at some opacity); } 我怎么会去这样做呢？我没

1热度

1回答

在CSS变量CSS calc（）行为

我很好奇在使用calc（）设置CSS变量的行为。实施例： #test { --halfWidth: calc(100%/2); } 现在，如果#test元件，比方说div，是500像素宽，我想--halfWidth变量被设置为250像素。但是，据我所知，var(--halfWidth)其他地方使用的代码只是在calc(100%/2)字符串中而不是250px。这意味着我不能使用s

1热度

2回答

CSS变量和字符串连接

我试图使用CSS变量来生成动态路径。例： :root { --fonts-path: "/path/to/font"; } @font-face { font-family: "FontName"; src: url(var(--fonts-path) + "/FontName-Light.woff") format('woff'); font-we

0热度

1回答

Chrome和Firefox给于CSS变量的JavaScript文件导入不同的结果

的Chrome 51结果火狐导致 test.js (function(){ let template = ` <style> @import url("css/test.css"); .test1{ height: 100px; width: 100px; color: #fff; backgro

2热度

1回答

如何使用本机Javascript应用CSS Mixins？

如果我的浏览器已经从CSS属性本地实现，那么我应该有某种形式的JavaScript API来操纵混入太像我可以用CSS变量做到： document.body.style.setProperty('--some-property', 'value'); 我GOOGLE了，但遗憾的是大多数情况下，我运行到一个CSS框架，其中有一些破解用JavaScript来制作CSS混合，可悲的是我没有找到一个A

0热度

1回答

从JSON文件或打字稿文件中定义CSS变量的方法？

我想在Sass中定义CSS变量。喜欢的东西： .someClass { background-image: $imageLink; color: $someColor; } ，我想定义$ IMAGELINK和$ someColor在我的课或JSON文件。我可以做到这一点没有萨斯或更少？（或没有css变量，因为它不支持在IE中。）我在我的项目中使用angular2和