README

为什么？

默认情况下，当我们有一个如图标，具有 {{ $attributes->merge(['class' => 'w-4 h-4']) }}，并设置一个自定义类 <x-icons.x class="w-10 h-10" />，它将输出 <svg class="w-4 h-4 w-10 h-10" ...> 为了解决这个问题，我们需要在类名前添加 ! 来将其设置为 !important

使用这个宏，我们可以添加 {{ $attributes->size('w-4 h-4')->merge(...) }}，并且宏会处理这些类 🙌

使用方法

composer require s90/blade-size:dev-main

配置：（可选）

php artisan vendor:publish --tag=blade-size-config

Blade 文件

<svg  {{ $attributes->size('w-6 h-6')->merge(['class' => 'stroke-current']) }} stroke-width="1.5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
    <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5" />
</svg>

s90 / blade-size

维护者

详情

README

为什么？

使用方法