CluPilotCloud/resources/views/components/site/section-head.blade.php

18 lines
793 B
PHP

@props([
'number',
'label',
// The security band sits on --plate, where the muted token has no contrast.
'dark' => false,
])
{{--
The rubric above every section of the public site: a number, a name, and a
rule that draws itself across as the section is reached. Written once
because eight of them by hand is how the numbering and the spacing end up
disagreeing with each other.
--}}
<div {{ $attributes->merge(['class' => 'rv mb-7 flex items-center gap-4']) }}>
<span class="font-mono text-xs font-medium {{ $dark ? 'text-accent' : 'text-accent-text' }}">§&nbsp;{{ $number }}</span>
<span class="lbl {{ $dark ? '!text-plate-muted' : '' }}">{{ $label }}</span>
<span class="fill h-px flex-1 {{ $dark ? 'bg-plate-rule' : 'bg-line' }}"></span>
</div>