FormLayout.module.css104 lines · main

1	/* .sbui-formlayout {
2	@apply grid gap-2;
3	} */
4
5	/* .sbui-formlayout--flex {
6	@apply flex justify-between;
7	}
8
9	.sbui-formlayout--flex-right div:last-child {
10	@apply text-right;
11	}
12
13	.sbui-formlayout--flex-left div:first-child {
14	@apply order-2;
15	}
16
17	.sbui-formlayout--flex-left div:last-child {
18	@apply order-1;
19	} */
20
21	/* .sbui-formlayout--non-responsive {
22	@apply grid grid-cols-12 gap-4;
23	} */
24
25	/* .sbui-formlayout--responsive {
26	@apply md:grid md:grid-cols-12 md:gap-4;
27	} */
28
29	/* .sbui-formlayout__label-container-horizontal {
30	@apply justify-between col-span-12;
31	}
32
33	.sbui-formlayout__label-container-vertical {
34	@apply col-span-4;
35	}
36
37	.sbui-formlayout__content-container-horizontal {
38	@apply col-span-12;
39	}
40
41	.sbui-formlayout__content-container-vertical {
42	@apply col-span-8;
43	}
44
45	.sbui-formlayout__content-container-vertical--align-right {
46	@apply text-right;
47	} */
48
49	/* .sbui-formlayout__label {
50	@apply block text-sm text-input-label-light dark:text-input-label-dark;
51	} */
52
53	/* .sbui-formlayout__label-opt,
54	.sbui-formlayout__label .sbui-formlayout__label-before,
55	.sbui-formlayout__label .sbui-formlayout__label-after {
56	@apply text-sm text-gray-400 dark:text-gray-300;
57	} */
58
59	/* .sbui-formlayout__error {
60	@apply mt-2 text-sm text-red-500;
61	} */
62
63	/* .sbui-formlayout__description {
64	@apply mt-2 text-sm text-gray-400 dark:text-gray-300;
65	} */
66
67	/* .sbui-formlayout__content-container--width-25 {
68	width:
69	} */
70
71	/*
72	Layout sizes
73	*/
74
75	/* .sbui-formlayout--tiny .sbui-formlayout__label, */
76	/* .sbui-formlayout--tiny .sbui-formlayout__label-opt, */
77	/* .sbui-formlayout--tiny .sbui-formlayout__error, */
78	/* .sbui-formlayout--tiny .sbui-formlayout__description {
79	@apply text-xs;
80	} */
81	/* .sbui-formlayout--small .sbui-formlayout__label, */
82	/* .sbui-formlayout--small .sbui-formlayout__label-opt, */
83	/* .sbui-formlayout--small .sbui-formlayout__error, */
84	/* .sbui-formlayout--small .sbui-formlayout__description {
85	@apply text-sm leading-4;
86	} */
87	/* .sbui-formlayout--medium .sbui-formlayout__label, */
88	/* .sbui-formlayout--medium .sbui-formlayout__label-opt, */
89	/* .sbui-formlayout--medium .sbui-formlayout__error, */
90	/* .sbui-formlayout--medium .sbui-formlayout__description {
91	@apply text-sm;
92	} */
93	/* .sbui-formlayout--large .sbui-formlayout__label, */
94	/* .sbui-formlayout--large .sbui-formlayout__label-opt, */
95	/* .sbui-formlayout--large .sbui-formlayout__error, */
96	/* .sbui-formlayout--large .sbui-formlayout__description {
97	@apply text-base;
98	} */
99	/* .sbui-formlayout--xlarge .sbui-formlayout__label, */
100	/* .sbui-formlayout--xlarge .sbui-formlayout__label-opt, */
101	/* .sbui-formlayout--xlarge .sbui-formlayout__error, */
102	/* .sbui-formlayout--xlarge .sbui-formlayout__description {
103	@apply text-base;
104	} */