100 lines
1.8 KiB
TypeScript
100 lines
1.8 KiB
TypeScript
import type { CF_ContentType } from "src/@types/Contentful_ContentType.enum";
|
|
|
|
export type CF_Component_Layout_Width =
|
|
| "1"
|
|
| "2"
|
|
| "3"
|
|
| "4"
|
|
| "5"
|
|
| "6"
|
|
| "7"
|
|
| "8"
|
|
| "9"
|
|
| "10"
|
|
| "11"
|
|
| "12";
|
|
|
|
export type CF_widths_mobile =
|
|
| "w-full"
|
|
| "w-1/12"
|
|
| "w-2/12"
|
|
| "w-3/12"
|
|
| "w-4/12"
|
|
| "w-5/12"
|
|
| "w-6/12"
|
|
| "w-7/12"
|
|
| "w-8/12"
|
|
| "w-9/12"
|
|
| "w-10/12"
|
|
| "w-11/12";
|
|
|
|
export type CF_widths_tablet =
|
|
| ""
|
|
| "md:w-full"
|
|
| "md:w-1/12"
|
|
| "md:w-2/12"
|
|
| "md:w-3/12"
|
|
| "md:w-4/12"
|
|
| "md:w-5/12"
|
|
| "md:w-6/12"
|
|
| "md:w-7/12"
|
|
| "md:w-8/12"
|
|
| "md:w-9/12"
|
|
| "md:w-10/12"
|
|
| "md:w-11/12";
|
|
|
|
export type CF_widths_desktop =
|
|
| ""
|
|
| "lg:w-full"
|
|
| "lg:w-1/12"
|
|
| "lg:w-2/12"
|
|
| "lg:w-3/12"
|
|
| "lg:w-4/12"
|
|
| "lg:w-5/12"
|
|
| "lg:w-6/12"
|
|
| "lg:w-7/12"
|
|
| "lg:w-8/12"
|
|
| "lg:w-9/12"
|
|
| "lg:w-10/12"
|
|
| "lg:w-11/12";
|
|
|
|
export type CF_Component_Layout_Space =
|
|
| 0
|
|
| .5
|
|
| 1
|
|
| 1.5
|
|
| 2
|
|
|
|
export type CF_Component_Space =
|
|
| ""
|
|
| "mb-[0.5rem]"
|
|
| "mb-[1rem]"
|
|
| "mb-[1.5rem]"
|
|
| "mb-[2rem]"
|
|
|
|
export type CF_justfyContent =
|
|
| "justify-start"
|
|
| "justify-end"
|
|
| "justify-center"
|
|
| "justify-between"
|
|
| "justify-around"
|
|
| "justify-evenly";
|
|
|
|
export type CF_alignItems =
|
|
| "items-start"
|
|
| "items-end"
|
|
| "items-center"
|
|
| "items-baseline"
|
|
| "items-stretch";
|
|
|
|
export interface CF_ComponentLayout {
|
|
mobile: CF_Component_Layout_Width;
|
|
tablet?: CF_Component_Layout_Width;
|
|
desktop?: CF_Component_Layout_Width;
|
|
spaceBottom?: CF_Component_Layout_Space
|
|
}
|
|
|
|
export interface CF_ComponentLayoutSkeleton {
|
|
contentTypeId: CF_ContentType.rowLayout
|
|
fields: CF_ComponentLayout
|
|
} |