标签: codekit

在LESS中使用IE8 @media\0screen查询

在我正在开发的应用程序的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中转义此查询吗?

css less internet-explorer-8 codekit

4
推荐指数
1
解决办法
1945
查看次数

SCSS运行良好,但Codekit错误输出"语法错误:导入文件未找到或不可读"

1问题:

我在项目中使用sass(s​​css)+指南针.

起初,我只是使用命令行观看,即" 指南针观看 ",一切运作良好.

昨天,我开始使用Codekit自动编译我的所有文件,使用完全相同的 style.scss文件,它出错了.

1.1一些细节:

我使用指南针来创建图像精灵,所以在我的.scss文件中我有两行:

@import "contact/*.png";
@include all-contact-sprites;
Run Code Online (Sandbox Code Playgroud)

联系人文件夹是我放置所有.png图像的地方,它适用于命令行"罗盘手表",完全没有错误,但是当我使用Codekit时,它会一直出错.

1.2错误图像:

"语法错误:导入的文件未找到或不可读" 在此输入图像描述

PS 作为一个新手,我知道这是我的问题,我知道这是一个愚蠢的问题,但是经过几个小时的搜索,我仍然无处可去,所以我发布了这个问题.

css sass codekit

3
推荐指数
1
解决办法
3972
查看次数

如何组织Phonegap HTML文件

我正在使用Phonegap构建一个iPad应用程序.

该应用程序应该是脱机的(除了表单提交),因此它将主要具有静态页面,因此我将拥有大量HTML文件,因为我没有使用JS MVC/Require JS来最小化复杂性.我看得越多,它基本上是一个包含在Phonegap中的静态网站来构建应用程序.

由于我将拥有大量的HTML文件,如果我没有使用任何模板引擎,管理(例如)页眉/页脚中的更改将是一件痛苦的事.到目前为止,我正在使用Codekit将Jade文件编译为HTML,并且它运行良好,我只使用Jade进行布局/块/包含功能和HTML编译.

我不喜欢使用Jade的一件事是,如果你的文件有很多嵌套的HTML标签(例如一个标有Zurb Foundation/Twitter Bootstrap的复杂表单设计),那么突然Jade看起来不再那么干净了.

不过,我认为必须有更好的方法来做到这一点.你们有没有用Phonegap完成一个大多数静态的页面应用程序?还有更好的建议吗?

谢谢

html template-engine cordova codekit pug

3
推荐指数
1
解决办法
5522
查看次数

使用Sass创建过渡变量

有没有办法为Sass中的转换创建一个变量来复制它:

-webkit-transition: .2s;
-moz-transition: .2s;
-ms-transition: .2s;
-o-transition: .2s;
transition: .2s;
Run Code Online (Sandbox Code Playgroud)

我刚刚用Sass弄湿了,我正在使用CodeKit进行编译.

谢谢!

css sass css-transitions codekit

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

Grunt concat:使用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

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

当我使用Ruby 2.0升级到Mavericks时,Codekit不使用Compass/Zurb Scss编译器

CodeKit给了我错误

Compass无法编译项目中的一个或多个文件:

/System/Library/Frameworks/Ruby.framework/Versions/1.8/usr/bin/ruby:RUBYOPT中的非法切换:-E(RuntimeError)

(此操作是由更改为_settings.scss触发的)

它在升级之前工作正常.

sass zurb-foundation codekit compass-sass osx-mavericks

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

如何选择Zurb Foundation版本用于CodeKit + Compass + Sass项目

我希望使用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的新手,所以请保持温和,随心所欲,随心所欲:)

gem compass-geolocation zurb-foundation codekit

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

站点 CSS 文件应该有多大?

我知道 CSS 和 HTML5 以及一点点 jQuery。

我正在使用 SASS 和 Compass 进行测试。与 Sublime Text 2 和 Codekit 等工具一起使用。

但是我的 CSS 文件(缩小)总共 106KB。我已经包含了 Foundation 3 框架和我自己的 Typekit 字体。预编译的大小约为 35kb..

有任何想法吗?

html css sass codekit compass-sass

0
推荐指数
1
解决办法
2264
查看次数

使用带有Susy和Breakpoint的Codekit 2

我喜欢将Codekit用于带有Susy和Breakpoint的Compass-Poject.

@import "compass";
@import "compass/reset";
@import "susy";
@import "breakpoint";
Run Code Online (Sandbox Code Playgroud)

但是有一条错误消息"要导入的文件未找到或不可读:断点".

我可以在Codekit2中使用Breakpoint吗?

谢谢!

susy-compass codekit breakpoint-sass compass-sass

0
推荐指数
1
解决办法
2209
查看次数