在我正在开发的应用程序的CSS中,我需要为IE8特别包含一些样式.样式代码用几个LESS文件编写,然后使用Mac OS X上的CodeKit或LESS应用程序编译为我们用于实时应用程序的单个CSS文件.
这是我想在LESS文件中使用的CSS代码:
@media \0screen {
.thumbnail div img {
width: 58px;
}
}
Run Code Online (Sandbox Code Playgroud)
但是,LESS不接受\0screen作为有效代码,并且当尝试使用此代码编译LESS文件时,CodeKit和LESS应用程序都会返回错误.
我知道我们可以使用条件注释和IE8的替代CSS文件,但由于此时所需的修复只有几行,我更倾向于使用@media查询并将编译后的CSS保存到一个文件中.
在LESS网站上,有一个关于使用转义代码的简短章节~"",但它似乎只适用于值.
如果我把它直接放到编译的CSS文件中,那么查询和CSS代码可以完美地用于IE8,但显然我不想在每次编译之后附加编译的CSS.
还有另一种方法可以在LESS中转义此查询吗?
我在项目中使用sass(scss)+指南针.
起初,我只是使用命令行观看,即" 指南针观看 ",一切运作良好.
昨天,我开始使用Codekit自动编译我的所有文件,使用完全相同的 style.scss文件,它出错了.
我使用指南针来创建图像精灵,所以在我的.scss文件中我有两行:
@import "contact/*.png";
@include all-contact-sprites;
Run Code Online (Sandbox Code Playgroud)
联系人文件夹是我放置所有.png图像的地方,它适用于命令行"罗盘手表",完全没有错误,但是当我使用Codekit时,它会一直出错.
"语法错误:导入的文件未找到或不可读"

PS 作为一个新手,我知道这是我的问题,我知道这是一个愚蠢的问题,但是经过几个小时的搜索,我仍然无处可去,所以我发布了这个问题.
我正在使用Phonegap构建一个iPad应用程序.
该应用程序应该是脱机的(除了表单提交),因此它将主要具有静态页面,因此我将拥有大量HTML文件,因为我没有使用JS MVC/Require JS来最小化复杂性.我看得越多,它基本上是一个包含在Phonegap中的静态网站来构建应用程序.
由于我将拥有大量的HTML文件,如果我没有使用任何模板引擎,管理(例如)页眉/页脚中的更改将是一件痛苦的事.到目前为止,我正在使用Codekit将Jade文件编译为HTML,并且它运行良好,我只使用Jade进行布局/块/包含功能和HTML编译.
我不喜欢使用Jade的一件事是,如果你的文件有很多嵌套的HTML标签(例如一个标有Zurb Foundation/Twitter Bootstrap的复杂表单设计),那么突然Jade看起来不再那么干净了.
不过,我认为必须有更好的方法来做到这一点.你们有没有用Phonegap完成一个大多数静态的页面应用程序?还有更好的建议吗?
谢谢
有没有办法为Sass中的转换创建一个变量来复制它:
-webkit-transition: .2s;
-moz-transition: .2s;
-ms-transition: .2s;
-o-transition: .2s;
transition: .2s;
Run Code Online (Sandbox Code Playgroud)
我刚刚用Sass弄湿了,我正在使用CodeKit进行编译.
谢谢!
我正在尝试将CodeKit项目转换为使用Grunt(因此我们可以支持我们的Windows好友).
在CodeKit中,您可以通过在要连接的文件中包含concat指令作为注释来连接JS文件.例如,要预先添加jquery.validate.js到您的scripts.js文件,您可以将以下注释添加到scripts.js:
/* @codekit-prepend "jquery.validate.js" */
Run Code Online (Sandbox Code Playgroud)
如何根据文件本身的指令配置grunt-concat(或类似的插件)来连接JS文件?我更喜欢在文件中有concat指令,因此更清楚发生了什么(与引用Gruntfile.js相反).
javascript concatenation gruntjs codekit grunt-contrib-concat
CodeKit给了我错误
Compass无法编译项目中的一个或多个文件:
/System/Library/Frameworks/Ruby.framework/Versions/1.8/usr/bin/ruby:RUBYOPT中的非法切换:-E(RuntimeError)
(此操作是由更改为_settings.scss触发的)
它在升级之前工作正常.
我希望使用Foundation的新版本(v4)进行我正在处理的响应式项目,所以我gem install zurb-foundation在前几天安装了v4 并启动了CodeKit并运行它.但是,我的客户要求我们支持IE8(上帝帮助我),因为我们仍然有大量的流量出现在分析中.
基金会第4版不支持IE8,因为它的Mobile-First.V3的工作方式不同,仍然可以支持IE8.
所以我想弄清楚如何回溯.我安装了最新的V3 Foundation GEM,gem install zurb-foundation -v 3.2.5但我不知道如何强制CodeKit + Compass使用V3而不是V4.
此外,当我使用V4设置我的新项目时,我在CodeKit中创建了一个COMPASS项目,然后通过终端按照此命令在新的Compass项目文件夹中构建Foundation框架:
1. Add require "zurb-foundation" to your config.rb file
2. cd path/to/your-project
3. run compass install foundation
Run Code Online (Sandbox Code Playgroud)
所以现在我的系统中有v3和v4的GEMS,如何在这个项目中使用3并同样设置文件夹.
任何帮助是极大的赞赏.我是使用CodeKit + Compass + SASS的新手,所以请保持温和,随心所欲,随心所欲:)
我知道 CSS 和 HTML5 以及一点点 jQuery。
我正在使用 SASS 和 Compass 进行测试。与 Sublime Text 2 和 Codekit 等工具一起使用。
但是我的 CSS 文件(缩小)总共 106KB。我已经包含了 Foundation 3 框架和我自己的 Typekit 字体。预编译的大小约为 35kb..
有任何想法吗?
我喜欢将Codekit用于带有Susy和Breakpoint的Compass-Poject.
@import "compass";
@import "compass/reset";
@import "susy";
@import "breakpoint";
Run Code Online (Sandbox Code Playgroud)
但是有一条错误消息"要导入的文件未找到或不可读:断点".
我可以在Codekit2中使用Breakpoint吗?
谢谢!
codekit ×9
css ×4
sass ×4
compass-sass ×3
html ×2
cordova ×1
gem ×1
gruntjs ×1
javascript ×1
less ×1
pug ×1
susy-compass ×1