| // Stretch an element vertically based on available space |
| .reveal pre.stretch code, |
| .reveal pre.r-stretch code { |
| // Text that auto-fits its container |
| display: inline-block; // https://github.com/rikschennink/fitty#performance |
| // Stack multiple elements on top of each other |
| // Horizontal and vertical stacks |
| // Naming based on tailwindcss |
| .reveal .items-stretch { align-items: stretch; } |
| .reveal .items-start { align-items: flex-start; } |
| .reveal .items-center { align-items: center; } |
| .reveal .items-end { align-items: flex-end; } |
| .reveal .justify-between { justify-content: space-between; } |
| .reveal .justify-around { justify-content: space-around; } |
| .reveal .justify-start { justify-content: flex-start; } |
| .reveal .justify-center { justify-content: center; } |
| .reveal .justify-end { justify-content: flex-end; } |