refactor: token layout names

This commit is contained in:
Raul Lugo
2026-09-06 13:02:03 +02:00
parent 64fb24d87c
commit fc16acea61
16 changed files with 43 additions and 43 deletions
+3 -3
View File
@@ -13,13 +13,13 @@ export function FeatureSplit({
reverse?: boolean
}) {
return (
<div className="grid wedding-layout:grid-cols-2">
<div className="grid wedding-lg:grid-cols-2">
<div
className={`flex items-center bg-wedding-ivory px-wedding-gutter-mobile py-wedding-section wedding-phone:px-wedding-gutter-phone wedding-layout:px-wedding-gutter-desktop ${reverse ? "wedding-layout:order-2" : ""}`}
className={`flex items-center bg-wedding-ivory px-wedding-gutter-mobile py-wedding-section wedding-md:px-wedding-gutter-phone wedding-lg:px-wedding-gutter-desktop ${reverse ? "wedding-lg:order-2" : ""}`}
>
<div className="mx-auto w-full max-w-md">{children}</div>
</div>
<div className={`relative min-h-96 ${reverse ? "wedding-layout:order-1" : ""}`}>
<div className={`relative min-h-96 ${reverse ? "wedding-lg:order-1" : ""}`}>
<Image className="object-cover" src={image} alt={alt} fill sizes="(min-width: 900px) 60vw, 100vw" />
</div>
</div>