.shadow-demo {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 3rem;
padding: 3rem;
}
.shadow-demo-item {
display: flex;
font-weight: bold;
padding: 2rem;
min-height: 200px;
color: var(--typo3-component-color);
background-color: var(--typo3-component-bg);
border: var(--typo3-component-border-width) solid var(--typo3-component-border-color);
border-radius: var(--typo3-component-border-radius);
align-items: center;
justify-content: center;
}
default
strong
tooltip
flyout
dialog
window