xrow/sass-bundle

此扩展包为多个eZ Publish siteaccess提供Sass编译功能

维护者

详细信息

github.com/xrowgmbh/XrowSassBundle

源代码

问题

安装次数: 7,362

依赖项: 0

建议者: 0

安全性: 0

星标: 0

关注者: 4

分支: 2

开放性问题: 0

类型:symfony-bundle

1.0.1 2016-09-23 08:56 UTC

MIT 3457d0b85f416a961b31578dc09795ca6557b2fd

This package is auto-updated.

Last update: 2024-09-16 03:49:02 UTC

README

需求

您需要安装https://github.com/sensational/sassphp

配置

将 xrow/sass-bundle 添加到您的 composer.json 文件中，或者运行 composer require xrow/sass-bundle。

"require": {
    "xrow/sass-bundle": "~1.0", 
},

确保在 EzPublishKernel.php 或 AppKernel.php 中加载了此扩展包

public function registerBundles()
{
    $bundles = array(
            new Xrow\SassBundle\XrowSassBundle(),
    );
}

在已加载的配置文件（例如 Config.yml）中配置 siteaccess 设置

xrow_sass:
    siteaccess:
        my_siteaccess:
            settings:
                'brand-primary': "#ffff00"
        my_second_siteaccess:
            settings:
                'brand-primary': "#0000ff"
        my_siteaccess_group:
            file: "bootstrap/scss/bootstrap.scss"
            settings:
                'gray-dark': "#00ff00"
                'brand-primary': "#00ff00"
                'brand-info': "#00ff00"
                'my-color': "red"

您可以指定 siteaccess 或 siteaccessgroup 的文件和设置，文件指定要使用的 SASS 文件，设置定义应包含的 SASS 变量列表。

如果 siteaccess 在 siteaccessgroup 中，它将获得关联的 siteaccessgroup 中定义的所有设置。

在 siteaccess 下定义的设置将覆盖 siteaccessgroup 中定义的设置。

如果 siteaccess 或关联的 siteaccessgroup 没有指定文件属性，则将跳过 siteaccess。

使用方法

运行: ezpublish/console sass:compile，然后您的 CSS 文件将放置在 web/css/{{siteaccessname}}.css 中

要加载 CSS，只需创建一个类似以下链接标签

<link rel="stylesheet" href="css/{{ ezpublish.siteaccess.name }}.css" />