首页 文章

某些Foundation 5实用程序类在Foundation 6中不起作用

提问于
浏览 次
0

我在Zurb的网站上搜索了答案以及其他帖子，但是没有找到任何可以解决这个问题的内容 .

我正在使用Foundation 6（尝试过两个站点和Zurb模板） . 许多实用程序类都在工作，如顶栏，行，大，小，中，列等 . 默认模板也可以工作，并显示不同的标注元素，按钮等 .

基础5中可用的一些实用程序类在6中不起作用，例如text-left，text-right，float类（如左右）或颜色类（如白色，黑色等） . 我敢肯定还有其他类但这些是我到目前为止所遇到的课程 .

我已经检查了app.scss以确保没有注释掉任何内容 . 我还检查了gulpfile.js，它包括所有资产，基础网站的SASS，没有javascript文件被注释掉 .

例如，来自Zurb site的此代码，在v5.5.3下不会激活面板类或Foundation 6中的右侧或左侧浮动 .

<div class="panel clearfix">
  <a class="button right">Float Right</a>
  <a class="button left">Float Left</a>
</div>

在我的default.html布局中，我有以下样式表：

<link rel="stylesheet" href="{{root}}assets/css/foundation.min.css">
<link rel="stylesheet" href="{{root}}assets/css/app.css">

和以下javascript文件：

<script src="{{root}}assets/js/jquery.min.js"></script>
<script src="{{root}}assets/js/what-input.min.js"></script>
<script src="{{root}}assets/js/foundation.min.js"></script>
<script src="{{root}}assets/js/app.js"></script>

我错过了一个文件引用，还有什么我可以检查以使这些类工作或者这些实用程序类在Foundation 6中不再可用吗？

css sass zurb-foundation zurb-foundation-6

1 回答

  • 0

    答案显然是一些类名改变了，其他的可能被删除了 . 在有更新的F6文档概述类之前，它需要在css中搜索用于此目的的类或添加自定义类 .

    EDIT: 为了进一步说明，我发现本页列出的颜色 - http://foundation.zurb.com/sites/docs/global.html，是指使用的颜色，但这些类不起作用 .

    例如，将“alert”作为类添加到元素应该将它们涂成红色，这些颜色在上面引用的页面上列出 .

    他们的例子，它为按钮元素添加了“辅助” .

    要为组件着色，请将颜色的名称添加为类 .

    <button class="button">Primary Action</button>
<button class="secondary button">Secondary Action</button>

    它不会改变颜色，因为“.secondary”不是Foundation 6中的css类 . 我通过查看_settings.scss文件找到的是那些实际上是SASS全局变量，它们应用于整个不同的类 . 对于.success和其他人来说也是如此 . “.alert”是一个类，但仅在与其他颜色一起应用时才会设置样式 .

    看起来最好检查_settings.scss文件，如果你没有找到你正在寻找的类或者某些东西不起作用 .

    回复于

相关问题