返回配方目录
Parallax Editorial

视差杂志组件配方

group inline-flex items-center gap-2 font-serif rounded-none transition-colors duration-300 ease-out active:opacity-80 bg-[#1A1712] text-[#F5F0E6] px-6 py-3 hover:bg-[#B3401F]
button

按钮

Editorial serif link-button with a brick underline sweep

基础骨架
group inline-flex items-center gap-2 font-serif rounded-none transition-colors duration-300 ease-out active:opacity-80
变体
主要、链接、低调
状态
hover
card

卡片

Chapter card with serif number and complete hairline frame

基础骨架
border border-[#1A1712]/20 rounded-none pt-5 bg-transparent
变体
章节、嵌入
状态
hover
input

输入框

Paper underline field with a brick focus rule

基础骨架
bg-transparent rounded-none border border-[#1A1712]/25 py-2.5 text-lg text-[#1A1712] placeholder-[#1A1712]/30 focus:outline-none focus:border-[#B3401F] transition-colors duration-300
变体
下划线、边框
状态
focus