yieldstudio/tailwind-merge-php

合并 Tailwind CSS 类，避免样式冲突

维护者

详细信息

github.com/YieldStudio/tailwind-merge-php

源代码

问题

安装次数: 47,426

依赖关系: 0

建议者: 0

安全性: 0

星标: 47

关注者: 2

分支: 1

开放问题: 2

0.0.3 2023-07-19 12:28 UTC

Requires

  • php: >=8.1

Requires (Dev)

Suggests

MIT 228795ebbc139b1e4b3f4a983aa80d534dfe3712

  • James Hemery <james.woop@yieldstudio.fr>

phpcsslaravelmergeoverrideconflicttailwindtailwindcssclasslist

This package is auto-updated.

Last update: 2024-09-19 15:12:20 UTC

README

Social Card of Tailwind Merge PHP

在 PHP 中高效合并 Tailwind CSS 类，避免样式冲突

Latest Version GitHub Workflow Status Total Downloads

此包允许您合并多个 Tailwind CSS 类，并自动解决它们之间的冲突，无需头痛。

tailwind-merge-php 是由 dcastil 创建的优秀的 tailwind-merge 的 PHP 版本。

  • 支持 Tailwind v3.0 至 v3.3
  • 第一级支持 Laravel

安装

composer require yieldstudio/tailwind-merge-php

使用方法

use YieldStudio\TailwindMerge\TailwindMerge;
use YieldStudio\TailwindMerge\TailwindMergeConfig;

// Singleton
$twMerge = TailwindMerge::instance();
$twMerge->merge('w-8 h-8 rounded-full rounded-lg'); // w-8 h-8 rounded-lg

// Custom instance
$twMerge = new TailwindMerge(TailwindMergeConfig::default()); // Config is optional
$twMerge->merge('w-8 h-8 rounded-full rounded-lg'); // w-8 h-8 rounded-lg

Laravel 支持

您可以使用以下命令发布配置文件

php artisan vendor:publish --provider="YieldStudio\TailwindMerge\Laravel\TailwindMergeServiceProvider"

使用 tw 辅助工具

tw('w-8 h-8 rounded-full rounded-lg'); // w-8 h-8 rounded-lg

使用 Blade 指令

<div @tw('w-8 h-8 rounded-full rounded-lg')></div>

// will be
<div class="w-8 h-8 rounded-lg"></div>

使用 Blade 组件

// avatar.blade.php
<div {{ $attributes->tw('w-8 h-8 rounded-full') }}></div>

// header.blade.php
<x-avatar class="rounded-lg" />

// will be
<div class="w-8 h-8 rounded-lg"></div>

配置 & 插件

✍️ 正在编写完整文档

单元测试

要运行测试，只需运行 composer install 和 composer test。

更新日志

有关最近更改的更多信息，请参阅更新日志。

贡献

有关详细信息，请参阅贡献指南。

安全性

如果您发现了关于安全性的错误，请通过contact@yieldstudio.fr 发送邮件，而不是使用问题跟踪器。

致谢

许可证

MIT 许可证（MIT）。有关更多信息，请参阅许可证文件。