project setup with core files including configuration, package management, and basic structure. Added .gitignore, README, and various TypeScript types for CMS components. Implemented initial components and layouts for the application.
This commit is contained in:
100
middlelayer/__cms/Contentful_Layout.ts
Normal file
100
middlelayer/__cms/Contentful_Layout.ts
Normal file
@@ -0,0 +1,100 @@
|
||||
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
|
||||
}
|
||||
Reference in New Issue
Block a user