我正在尝试在Web Compass项目中使用FontAwesome.由于FontAwesome页面中没有特定的文档,而且我没有使用Bootstrap,因此我遵循了"不使用Bootstrap?" 方向,但不能使它工作.
我没有发现任何特定错误,无论是找不到还是编译错误.它只是没有显示任何内容,没有图标或文字.FontAwesome字体文件似乎没有加载.
font-awesome目录project/css/font-awesomefont-awesome.scss像我这样在我的主sass样式表中导入文件@import url("font-awesome/scss/font-awesome.scss");font-awesome.scss文件并更改导入路径,现在相对于我的css编译文件,看起来像这样@import url("font-awesome/scss/_variables.scss");_variables.scssfont-awesome/scss目录中的partial,并将@FontAwesomePath默认值更改为"font-awesome/font/",以匹配webfonts的位置<i class="icon-camera-retro"></i> Some text在我的主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)在选择器中扩展字体
.icon-camera-retro {
@extend %icon-font;
}
Run Code Online (Sandbox Code Playgroud)使用compass --watch没有错误编译我的主sass样式表
为了帮助澄清,这是我的项目的结构:
root
sass
mainsass.scss
css
font-awesome
css
font-awesome.css
font
font-archives.ttf/.woff/etc …Run Code Online (Sandbox Code Playgroud) 我觉得我对此很疯狂.
我正在尝试用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的这种问题,虽然我知道使用凉亭使事情变得完全不同但我完全陷入困境.
此外,我找不到太多文档(基础文档是如此之小!)和帮助论坛不工作(无法登录),所以没有必要说任何帮助将不胜感激...
我们是一个由5个开发人员组成的小组。我们刚从Subversion迁移到Git,却找不到适合我们的正确工作流程。
我们在成功的git分支模型文章之后尝试从一开始就坚持使用gitflow工作流程,但坦率地说,对于我们正在从事的小型项目来说似乎有些不知所措,并且严格遵循它与我们所使用的subversion模型的不同,我们中的某些人很难遵循过去。
因此,尽管我们确实保持母版的清洁,但现在看来我们并没有使用发布分支来发布版本,因为这似乎没有必要。同样,我们不使用功能分支,而是直接开发。
我不确定版本,但我觉得我们应该使用功能分支,只是我不知道如何使用它们。在提到的文章以及我们已经阅读的其他文章中,建议将功能部件保留在本地,并在将它们合并回开发之前将其压入其中。如果只有一个开发人员正在使用该功能,这看起来很容易,但是我们的情况是,任何时候任何人都可能希望/需要将项目保持在当前状态并继续进行。因此,项目易手,即使尚未完成,所有工作也都必须推送到服务器,因此任何人都可以拉动它并继续工作。
因此,由于我们在偏远地区进行所有工作,因此很难保持整洁,我们的历史是一小部分小型提交的清单,但是据我所知,我们无法压榨它们或改组任何分支机构,因为这将改变公共历史。
我们想做正确的事,但不要比必要的事复杂。那么关于哪种工作流程最适合我们的任何想法以及如何正确实施呢?
我正在尝试在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参数中变量和字符串值之间的混合?