forked from LPK/librodrome
YvvandClaude Opus 5.5
e9fce4be8f
- typo : Bricolage Grotesque (titres) + Atkinson Hyperlegible (texte), Syne gardée pour le logo seul ; une seule source de polices (Bunny) - palettes : teinte propre à chaque axe dans les 4 ambiances ; pages d'axe en axis-scope, cartes sans bordure (canon design) - accueil : console des trois curseurs (tablist clavier), boîte à outils, bloc format éditorial + événement + reproduction ; ?v=a|b|c|0 - numérique : carte LPK ; bouquet rendu avec statut et légende - messages : sans bordure, deux colonnes en grand écran Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
43 lines
790 B
Vue
43 lines
790 B
Vue
<template>
|
|
<blockquote v-if="lines?.length" class="cites">
|
|
<p v-for="(line, i) in lines" :key="i" class="cite" :class="{ 'cite--lead': i === 0 }">{{ line }}</p>
|
|
</blockquote>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
defineProps<{
|
|
lines: string[]
|
|
}>()
|
|
</script>
|
|
|
|
<style scoped>
|
|
.cites {
|
|
margin: 0;
|
|
padding: 0;
|
|
max-width: 46rem;
|
|
}
|
|
|
|
.cite {
|
|
margin: 0;
|
|
font-family: var(--font-display);
|
|
font-weight: 500;
|
|
font-size: clamp(1.15rem, 2.4vw, 1.55rem);
|
|
line-height: 1.3;
|
|
letter-spacing: -0.015em;
|
|
color: hsl(var(--color-text) / 0.62);
|
|
}
|
|
|
|
.cite + .cite {
|
|
margin-top: 0.3rem;
|
|
}
|
|
|
|
.cite--lead {
|
|
font-weight: 800;
|
|
font-size: clamp(1.6rem, 3.6vw, 2.3rem);
|
|
line-height: 1.1;
|
|
letter-spacing: -0.03em;
|
|
color: hsl(var(--color-text));
|
|
margin-bottom: 0.6rem;
|
|
}
|
|
</style>
|