| /* Layout Utilities */ | |
| .flex { | |
| display: flex; | |
| } | |
| .flex-col { | |
| display: flex; | |
| flex-direction: column; | |
| } | |
| .items-center { | |
| align-items: center; | |
| } | |
| .justify-center { | |
| justify-content: center; | |
| } | |
| .gap-1 { gap: var(--space-1); } | |
| .gap-2 { gap: var(--space-2); } | |
| .gap-4 { gap: var(--space-4); } | |
| .gap-8 { gap: var(--space-8); } | |
| .gap-12 { gap: var(--space-12); } | |
| .p-4 { padding: var(--space-4); } | |
| .p-8 { padding: var(--space-8); } | |
| .p-12 { padding: var(--space-12); } | |
| .m-4 { margin: var(--space-4); } | |
| .m-8 { margin: var(--space-8); } | |
| .m-12 { margin: var(--space-12); } | |
| /* Made with Bob */ | |