小编ith*_*hil的帖子

使用FontAwesome和Sass

我正在尝试在Web Compass项目中使用FontAwesome.由于FontAwesome页面中没有特定的文档,而且我没有使用Bootstrap,因此我遵循了"不使用Bootstrap?" 方向,但不能使它工作.

输出

我没有发现任何特定错误,无论是找不到还是编译错误.它只是没有显示任何内容,没有图标或文字.FontAwesome字体文件似乎没有加载.

我已经完成的步骤

  1. 下载font-awesome目录
  2. 将它复制到我的项目css文件夹,在那里我有我所有编译的css: project/css/font-awesome
  3. font-awesome.scss像我这样在我的主sass样式表中导入文件@import url("font-awesome/scss/font-awesome.scss");
  4. 打开font-awesome.scss文件并更改导入路径,现在相对于我的css编译文件,看起来像这样@import url("font-awesome/scss/_variables.scss");
  5. 打开_variables.scssfont-awesome/scss目录中的partial,并将@FontAwesomePath默认值更改为"font-awesome/font/",以匹配webfonts的位置
  6. 在我的html文件中,在FontAwesome示例页面中添加了一个示例,所以我添加了一个<i class="icon-camera-retro"></i> Some text
  7. 在我的主sass文件中,添加了@font-face声明

    @include font-face('FontAwesome',
    font-files(
    'font-awesome/font/fontawesome-webfont.woff', woff,
    'font-awesome/font/fontawesome-webfont.ttf', ttf,
    'font-awesome/font/fontawesome-webfont.svg', svg),
    'font-awesome/font/fontawesome-webfont.eot');
    
     %icon-font {
         font-family: 'FontAwesome', Helvetica, Arial, sans-serif;
      }
    
    Run Code Online (Sandbox Code Playgroud)
  8. 在选择器中扩展字体

    .icon-camera-retro {
        @extend %icon-font;
     }
    
    Run Code Online (Sandbox Code Playgroud)
  9. 使用compass --watch没有错误编译我的主sass样式表

  10. 上传了一切


为了帮助澄清,这是我的项目的结构:

root
    sass
        mainsass.scss
    css
        font-awesome
            css
                font-awesome.css
            font
                font-archives.ttf/.woff/etc …
Run Code Online (Sandbox Code Playgroud)

sass font-awesome compass-sass

26
推荐指数
3
解决办法
6万
查看次数

基金会5新项目:git问题

我觉得我对此很疯狂.

我正在尝试用Foundation 5开始一个新项目,我得到一个与我的git repo相关的非常奇怪的问题.我以前一直在使用Foundation 4,我已经检查过我满足所有要求(git,ruby +1.9,节点等).

我想用罗盘使用基金会.我们有一个存储私有git repos的服务器,所以像往常一样,我首先创建一个git repo并为它创建一个新文件夹,比方说Documents/client.然后我在里面创建一个基础项目,例如cd Documents/client foundation new my_project.没有错误.

Foundation 5创建文件夹my_project,其中包含所有内容(bower_components,config.rb等).但是当我尝试将my_project添加到我的repo时,我可以看到它被添加为子模块,显然是因为my_project中已经有一个git repo.

我觉得奇怪的是
a)我可以看到一些与@mhayes制作的基金会开发有关的本地提交
b)如果我在基础回购中找到这些提交我找不到它们
c)我没有遥控器来自

我承认我对Git的知识是非常基本的,但我从未遇到过基金会4的这种问题,虽然我知道使用凉亭使事情变得完全不同但我完全陷入困境.

此外,我找不到太多文档(基础文档是如此之小!)和帮助论坛不工作(无法登录),所以没有必要说任何帮助将不胜感激...

git zurb-foundation

6
推荐指数
1
解决办法
722
查看次数

对于所有开发人员都在所有项目上工作的小型团队,哪种git flow最合适?

我们是一个由5个开发人员组成的小组。我们刚从Subversion迁移到Git,却找不到适合我们的正确工作流程。

我们在成功的git分支模型文章之后尝试从一开始就坚持使用gitflow工作流程,但坦率地说,对于我们正在从事的小型项目来说似乎有些不知所措,并且严格遵循它与我们所使用的subversion模型的不同,我们中的某些人很难遵循过去。

因此,尽管我们确实保持母版的清洁,但现在看来我们并没有使用发布分支来发布版本,因为这似乎没有必要。同样,我们不使用功能分支,而是直接开发。

我不确定版本,但我觉得我们应该使用功能分支,只是我不知道如何使用它们。在提到的文章以及我们已经阅读的其他文章中,建议将功能部件保留在本地,并在将它们合并回开发之前将其压入其中。如果只有一个开发人员正在使用该功能,这看起来很容易,但是我们的情况是,任何时候任何人都可能希望/需要将项目保持在当前状态并继续进行。因此,项目易手,即使尚未完成,所有工作也都必须推送到服务器,因此任何人都可以拉动它并继续工作。

因此,由于我们在偏远地区进行所有工作,因此很难保持整洁,我们的历史是一小部分小型提交的清单,但是据我所知,我们无法压榨它们或改组任何分支机构,因为这将改变公共历史。

我们想做正确的事,但不要比必要的事复杂。那么关于哪种工作流程最适合我们的任何想法以及如何正确实施呢?

git version-control workflow

5
推荐指数
1
解决办法
765
查看次数

无法将函数作为参数传递给mixin

我正在尝试在Sass中创建一个mixin用于:悬停操作,但我无法使其工作.

我宣布混合:

@mixin hover($action, $color, $amount) {
    color: $action($color, $amount);
}
Run Code Online (Sandbox Code Playgroud)

我的想法是使用Sass Script Funcions通过基本上使其变或变暗来改变悬停链接的颜色.所以我举例说:

a {
    &:hover {
        @include hover(darken, $footer-text-color, 5%);
    }
}
Run Code Online (Sandbox Code Playgroud)

$footer-text-color 是我之前定义的变量,它等于十六进制颜色,例如#84b3c8.

我希望这与...相同

 a {
    &:hover {
        color: darken($footer-text-color, 5%);
    }
}
Run Code Online (Sandbox Code Playgroud)

相反,它在纯CSS中编译的是:

color: darken #84b3c8, 5%;
Run Code Online (Sandbox Code Playgroud)

显然,颜色功能不起作用,但真诚地我不明白为什么.我确定这是愚蠢的事情,也许是mixin参数中变量和字符串值之间的混合?

sass mixins

2
推荐指数
1
解决办法
1492
查看次数