51 lines
893 B
CSS
51 lines
893 B
CSS
.wompum-container {
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.wompum-container .wompum-grid,
|
|
.wompum-container .wompum-article-grid {
|
|
gap: 2px;
|
|
height: 100%;
|
|
min-height: 2px;
|
|
grid-template-rows: repeat(var(--grid-rows, 5), 1fr);
|
|
}
|
|
|
|
.wompum-container--wide-gap .wompum-grid,
|
|
.wompum-container--wide-gap .wompum-article-grid {
|
|
gap: 1rem;
|
|
}
|
|
|
|
.wompum-container--no-gap .wompum-grid,
|
|
.wompum-container--no-gap .wompum-article-grid {
|
|
gap: 0;
|
|
}
|
|
|
|
.wompum-grid,
|
|
.wompum-article-grid {
|
|
display: grid;
|
|
width: 100%;
|
|
}
|
|
|
|
.wompum-cell {
|
|
@apply dark:opacity-70 brightness-100;
|
|
width: 100%;
|
|
height: 100%;
|
|
transition: all 3s ease-in;
|
|
}
|
|
|
|
.wompum-cell:hover {
|
|
@apply dark:opacity-100 brightness-125;
|
|
transition: all .3s ease;
|
|
}
|
|
|
|
.wompum-cell[class*="900"]:hover {
|
|
@apply brightness-200;
|
|
}
|
|
|
|
.wompum-cell--narrator,
|
|
.wompum-cell--subject,
|
|
.wompum-cell--facilitator {
|
|
min-height: unset;
|
|
}
|