siteation/magento2-theme-tokens

使用设计令牌（CSS属性）轻松定制您的主题

维护者

详细信息

github.com/Siteation/magento2-theme-tokens

来源

问题

安装数: 2,489

依赖: 0

建议: 0

安全: 0

星标: 3

关注者: 3

分支: 0

开放问题: 0

类型:magento2-module

1.0.1 2024-01-16 21:41 UTC

Requires

  • magento/framework: ^103.0
  • magento/module-backend: ^102.0
  • magento/module-store: ^101.1

MIT 8677b74d6870a74c2e1aef0a36acf818947d4d3f

magento2magento2-modulemagento2-hyvadesign-tokenscss-propscss-variables

This package is auto-updated.

Last update: 2024-09-16 23:23:09 UTC

README

Packagist Version Supported Magento Versions Hyvä Themes Supported License

此Magento 2模块可轻松从Magento后端管理设计令牌。

设置令牌后，它们将以CSS变量的形式输出到前端，使您能够使用一致且可重用的代码轻松地设计网站。

安装

通过以下方式安装软件包；

composer require siteation/magento2-theme-tokens
bin/magento setup:upgrade

注意 此模块需要Magento 2.4或更高版本！更多要求请参阅composer.json。

如何使用

安装模块后，您可以从Magento后端管理设计令牌。

首先确保您的样式支持CSS变量

Sample config with Hyva Tailwind Config

之后，您可以配置您的令牌，转到“商店”>“配置”>“siteation”>“设计令牌”。以所需格式输入令牌。

Sample config with Hyva Tailwind Config

设置令牌后，它们将以CSS变量的形式输出到前端。