Zurb地基中的高度均衡器

Question

我试图使用gulp-uncss从Zurb基金会网站中删除不必要的CSS。

在站点中，我使用基金会的均衡器使两列的高度相同。这是通过向元素添加一个data-属性来实现的：

<div data-equalizer>
  <div data-equalizer-watch>
  <div>
  <div data-equalizer-watch>
  <div>
<div>

当确定两个元素的高度并注入内联样式时，将元素的高度设置为两个元素高度中的较高。结果是：

<div data-equalizer>
  <div data-equalizer-watch style="height: 256px;">
  <div>
  <div data-equalizer-watch style="height: 256px;">
  <div>
<div>

当我将gulp-uncss添加到我的gulpfile.js中时，均衡器就不再工作了。data-属性仍然存在于HTML中，但是没有添加内联样式。

我尝试使用gulp-uncss中的gulp-uncss选项忽略height，但没有成功。内联样式不再添加到HTML文档中。

gulp-uncss中是否有允许均衡器完成其工作的选项？

Answer 1

我能够使用gulp-uncss中的ignore参数使UnCSS工作。

增加：

ignore: [/^meta.foundation/, /f-topbar-fixed/, /contain-to-grid/, /sticky/, /fixed/]

uncss()保存了所有必要的CSS。其中最重要的是/^meta.foundation，因为它允许Foundation注入样式。剩下的值/f-topbar-fixed、contain-to-grid、/sticky/和/fixed/都是特定于我正在使用的Foundation模块的。上面的工作是为一个.sticky顶板。

如果使用其他JS模块，则需要确定注入了哪些类并将这些类添加到ignore数组中。