小编Alf*_*oML的帖子

目录中的sass/compass项目(例如:"/ newwebsite /)
包含我的Shopify主题的子目录("/ newwebsite/newwebsite-theme /")
一个Compass config.rb,它将css,_dir images_dir和javascripts_dir指向它们的资产文件夹("/ newwebsite/newwebsite-theme/assets /")
指南针观看
shopify_theme gem也会观看,上传主题文件到shopify(https://github.com/Shopify/shopify_theme)
EDIT Sass插值(见下面的anser)
编辑指南针回调以重命名为.css.liquid

问题:指南针barf当你需要使用Shopify的液体模板标签时,例如背景图片 - 例如,背景:url("{{"splash-1.jpg"| asset_url}}")

有谁知道如何指示Compass/Sass吐出液体模板标签,因为它们进入CSS？如果我有,那么我有一个可靠的工作流程,在本地编辑Sass,并在shopify商店之后立即实现更改.

谢谢

编辑:通过使用Hopper在Sass中的液体标签的答案,并将Compass输出.css文件重命名为.css.liquid,我现在有一个瞬间工作流程,用于设计Compass和Sass的Shopify主题!以下是config.rb中Compass回调的代码:

on_stylesheet_saved do |filename|
  s = filename + ".liquid"
  puts "copying to: " + s
  FileUtils.cp(filename, s)
  puts "removing: " + filename
end

Run Code Online (Sandbox Code Playgroud)

sass liquid shopify compass-sass

war*_*art

2012 08-05

26
推荐指数

2
解决办法

4146
查看次数

我想在CKEditor字体组合框中添加一个字体.这本身很容易.但是,我想添加的字体是我使用@ font-face CSS3属性的自定义字体.我设法做到了,但编辑器本身并没有显示自定义字体.如果我只是使用CKEditor创建的html并在页面上的div中显示它,那么自定义字体就会显示出来.我还想以某种方式将@ font-face属性添加到CKEditor的文本区域,以便我的用户可以在键入时看到自定义字体.

这可能吗？

css3 font-face ckeditor

niv*_*ner

2011 09-27

20
推荐指数

1
解决办法

2万
查看次数

使用数据:编码的SVG作为CSS过滤器

也许有人可以在我的测试中指出错误,但似乎如果我想在CSS编码中使用SVG过滤器data: uri以避免使用其他文件,如果数据未编码为base64,则会失败.

我已经使用Firefox Aurora进行了测试,其他浏览器似乎都没有识别过滤器.

测试文件:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">

#filter1 {
filter:url(data:image/svg+xml,<svg xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"><filter id%3D"desaturate"><feColorMatrix type%3D"saturate" values%3D"0"%2F><%2Ffilter><%2Fsvg>#desaturate);
}

#filter2 {
filter:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImRlc2F0dXJhdGUiPjxmZUNvbG9yTWF0cml4IHR5cGU9InNhdHVyYXRlIiB2YWx1ZXM9IjAiLz48L2ZpbHRlcj48L3N2Zz4%3D#desaturate);
}

</style>
</head>
<body>
<p style="color:red" id=filter1>Filter applied "as is"</p>
<p style="color:red" id=filter2>This one is encoded as base64</p>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

现场演示http://martinezdelizarrondo.com/bugs/svgfilter.html

在两种情况下,url()的内容都是相同的:

<svg xmlns="http://www.w3.org/2000/svg"><filter id="desaturate"><feColorMatrix type="saturate" values="0"/></filter></svg>

Run Code Online (Sandbox Code Playgroud)

用http://software.hixie.ch/utilities/cgi/data/data编码

如您所见,第一个保持红色,但在第二个案例中应用了svg过滤器,文本变为灰色.

我在第一种情况下忘记了什么吗？

在这个bug中我没有找到任何关于编码的信息,所以我猜它应该是可能的(当然使用更简单的文本编码要好得多,而不是用base64"加密"它)

谢谢

css firefox data-uri

Alf*_*oML

lucky-day

9
推荐指数

1
解决办法

5985
查看次数

KCFinder'您无权列出文件.'

我在ckeditor中集成KCFinder有问题.我的ckeditor的版本是4.0而另一个(KCFinder版本)是2.52-dev.

您好配置ckeditor的config.js:

CKEDITOR.config.baseHref = "/ckeditor/";

CKEDITOR.editorConfig = function( config ) {
    // Define changes to default configuration here.
    // For the complete reference:
    // http://docs.ckeditor.com/#!/api/CKEDITOR.config

    config.contentsCss  = 'contents.css';
    config.language= 'it';
    config.height = '400px';
    config.uiColor = '#ffDC6E';

    //kcfinder per l'uoload delle immagini
    config.filebrowserBrowseUrl = 'kcfinder-2.51/browse.php?type=files';
    config.filebrowserImageBrowseUrl = 'kcfinder-2.51/browse.php?type=images';
    config.filebrowserFlashBrowseUrl = 'kcfinder-2.51/browse.php?type=flash';
    config.filebrowserUploadUrl = '../../../reserved/kcfinder-2.51/upload.php?type=files';
    config.filebrowserImageUploadUrl = '../../../reserved/kcfinder-2.51/upload.php?type=images';
    config.filebrowserFlashUploadUrl = '../../../reserved/kcfinder-2.51/upload.php?type=flash';    

    // Remove some buttons, provided by the standard plugins, which we don't
    // need to have in the Standard(s) toolbar.
    config.removeButtons …

Run Code Online (Sandbox Code Playgroud)

permissions kcfinder

sal*_*aly

2013 06-29

9
推荐指数

2
解决办法

2万
查看次数

CKEditor和JavaScript - 在CKEditor中调整高度和宽度

如何在CKEditor中调整高度？

这是我的CKEditor代码.

<script type="text/javascript">
    CKEDITOR.replace( 'content',
        {
            toolbar :
            [
                ['Source'],
                ['Bold','Italic','Underline','Strike'],
            ]
        });
</script>

Run Code Online (Sandbox Code Playgroud)

javascript ckeditor

slu*_*lum

2012 07-16

8
推荐指数

1
解决办法

2万
查看次数

如何在Windows上配置Ruby以使用指南针进行Sench-touch

嗨,我最近开始使用Sencha-touch,我已经明白,为了弯曲GUI,我必须能够理解和操作.SCSS文件.

这意味着我必须使用COMPASS或其他技术之一来编译.SCSS文件,我也需要Ruby来使用config.rb文件.

任何人都可以通过Windows操作系统设置和配置COMPASS,RUBY以及其他人来运行我,这样我就可以像在COMPASS网站http://compass-style.org上描述的那样轻松地编译文件.

谢谢.我使用Windows 7

ruby windows sass sencha-touch compass-sass

Sho*_*ine

2012 08-05

7
推荐指数

1
解决办法

4643
查看次数

Django和指南针与多个应用程序

我想使用Compass简化在我的Django应用程序中编写CSS的任务.但我不知道如何配置它.

我看到django-compressor支持SASS,但是为了使用Compass,我需要将_*.scss文件转储到我的工作区(Django 1.4),因为这是django-compressor运行scss命令时的工作目录.

Eric Meyer的方法听起来很合理(在开发期间编译.scss文件.css并提交到SCM)但是我不能明白如何.scss在Django工作区中使用SASS/Compass工具在多个应用程序(可重用和不可重用)中进行编译.

我为每个应用程序存储静态样式表文件<app>/static/<app>/css/.

我遇到的问题是这样的:

@import 不适用于各种应用
将_*.scss文件放在工作区中是不可接受的
compass watch在工作区中运行失败:

无需编译.如果您正在尝试启动一个新项目,那么您已经离开了目录参数.
使用@include background(...)失败:

语法错误:未定义的操作:" - compass-list-size(compact(#cccccc,false,false,false,false,false,false,false,false,false))gt 1"

django sass django-compressor compass-sass

bra*_*ers

2012 08-05

7
推荐指数

1
解决办法

964
查看次数