gpt4 book ai didi

polymer 1.x : How to use Polyfills to shim support for CSS variables

转载 作者:行者123 更新时间:2023-12-01 15:58:39 25 4
gpt4 key购买 nike

我想在 Bootstrap 主题中使用 CSS 变量,以便将来可以方便地更改主题的配色方案。

This chart shows that Firefox is the only browser at the moment that supports CSS variables .

问题

How do I use Polymer's Polyfills to shim cross-browser support for CSS variables?

我使用 Yeoman Polymer Generator 的 Polymer Starter Kit 构建了这个项目。我用 Bootstrap 主题替换了 PSK app 目录,并将原来的 app 目录重命名为 app1,主题目录重命名为 app

我知道一切都已正确配置,因为使用 Firefox 时它按预期工作。所以我只需要专注于让 Polyfill 工作。

我在我的 index.html 中尝试了以下内容。但它不起作用。

索引.html
<head>
...
<link rel="stylesheet" type="text/css" href="css/theme-mod.css">
...
<script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
<!-- Tried with and without the following -->
<script type="text/javascript" src="scripts/app.js"></script>
...
</head>

编辑:其他问题relative to Polystyles .

The documentation is confusing. For example, what is the url parameter supposed to be and do? Is it like an import? Can it point to an internal path or file if my dom-module is a local file? Also, is the dom-module a .css file or is it a .html file like the other DOM modules / elements I've seen?

最佳答案

尝试使用它(当您通过 CDN 链接 CSS 时更好):https://poly-style.appspot.com/demo/或者这对你的情况可能更好:https://github.com/MaKleSoft/gulp-style-modules

关于 polymer 1.x : How to use Polyfills to shim support for CSS variables,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34147508/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com