mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
22 lines
1.1 KiB
PHP
22 lines
1.1 KiB
PHP
<div class="border-2 border-smoke rounded mb-8">
|
|
<div class="bg-smoke-lighter p-4 font-mono text-sm">
|
|
<div class="whitespace-pre text-grey-dark">{{ '{' }}</div>
|
|
<div class="whitespace-pre text-grey-light">{{ ' // ...' }}</div>
|
|
<div class="whitespace-pre text-grey-dark"><span class="text-purple-dark">{{ ' ' . $key }}</span>{{ ': {' }}</div>
|
|
<div>{!! collect(explode("\n", $slot))->map(function ($line) {
|
|
if (starts_with($line, '+')) {
|
|
return '<div class="text-blue-dark"><span class="text-blue-light">+</span> ' . e(trim(substr($line, 1))) . '</div>';
|
|
|
|
}
|
|
|
|
if (starts_with($line, '-')) {
|
|
return '<div class="text-grey"><span class="text-grey">-</span> ' . e(trim(substr($line, 1))) . '</div>';
|
|
}
|
|
|
|
return '<div class="text-grey-darker"> ' . e(trim($line)) . '</div>';
|
|
})->implode("\n") !!}</div>
|
|
<div class="whitespace-pre text-grey-dark">{{ ' }' }}</div>
|
|
<div class="whitespace-pre text-grey-dark">{{ '}' }}</div>
|
|
</div>
|
|
</div>
|