Question

我正在使用wordx的redux框架。

这有效，但我想知道是否有办法使它不会内联样式。我查看了redux编译器，看不到有关在渐变/支持多个浏览器中使用变量的任何信息。

根据我的阅读，您只能将变量分配给简单的CSS属性，如颜色，背景颜色，只需要一个变量。

<?php
$topbar_from = $ffresh_theme['opt-gradient-topbar']['from'];
$topbar_to = $ffresh_theme['opt-gradient-topbar']['to']; ?>

<div class="contactinfo" style="/* Safari 4-5, Chrome 1-9 */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(<?php echo $topbar_from; ?>), to(<?php         echo $topbar_to; ?>));

/* Safari 5.1, Chrome 10+ */
background: -webkit-linear-gradient(top, <?php echo $topbar_from; ?>, <?php echo $topbar_to; ?>);

/* Firefox 3.6+ */
background: -moz-linear-gradient(top, <?php echo $topbar_from; ?>, <?php echo $topbar_to; ?>);

/* IE 10 */
background: -ms-linear-gradient(top, <?php echo $topbar_from; ?>, <?php echo $topbar_to; ?>);

/* Opera 11.10+ */
background: -o-linear-gradient(top, <?php echo $topbar_from; ?>, <?php echo $topbar_to; ?>);">`

Answer 1

我即将发布一篇关于如何将SCSS集成到主题中的文章。这使得它变得更容易。 ;）

有关使用来自redux主题选项的php变量改进内联样式的任何建议吗？

1 个答案: