Centralize all hardcoded rgba color values into CSS custom properties and extract glass/glow styles into reusable utility classes (.glass, .glass-inner, .glow-border, .glow-border--animated) in main.css. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
20 lines
305 B
Vue
20 lines
305 B
Vue
<template>
|
|
<h3 class="date-subheader">{{ label }}</h3>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
defineProps<{
|
|
label: string
|
|
}>()
|
|
</script>
|
|
|
|
<style scoped>
|
|
.date-subheader {
|
|
font-size: 0.85rem;
|
|
font-weight: 500;
|
|
color: var(--color-text-soft);
|
|
margin: 0;
|
|
padding: var(--spacing-xs) 0;
|
|
}
|
|
</style>
|