Template:FeaturedNews: Difference between revisions
Template page
More actions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<div class="grid" style="display: grid; grid: auto-flow dense/repeat(auto-fit,minmax(21rem,1fr)); grid-template-rows: none; grid-template-columns: repeat(auto-fit,minmax(21rem,1fr)); grid-template-areas: none; grid-auto-rows: auto; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem;"> | <div class="grid" style="display: grid; grid: auto-flow dense/repeat(auto-fit,minmax(21rem,1fr)); grid-template-rows: none; grid-template-columns: repeat(auto-fit,minmax(21rem,1fr)); grid-template-areas: none; grid-auto-rows: auto; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem;"> | ||
<div class="" style="height: 600px; background: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); overflow: hidden;"> | <div class="" style="height: 600px; background: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); overflow: hidden;"> | ||
<div class="" style="height: | <div class="" style="height: 80px; background: var(--color-surface-3);"> | ||
<div class="" style="color: white;"> On this Day ... {{CURRENTMONTHNAME}} {{CURRENTDAY}}</div> | <div class="" style="color: white;"> On this Day ... {{CURRENTMONTHNAME}} {{CURRENTDAY}}</div> | ||
<div> | </div> | ||
</div> | |||
<div class="" style="height: 600px; background: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); overflow: hidden;"> | |||
<div class="" style="height: 80px; background: var(--color-surface-3);"> | |||
<div class="" style="color: white;"> On this Day ... {{CURRENTMONTHNAME}} {{CURRENTDAY}}</div> | |||
</div> | |||
<div class="" style""><h3>This is a Header</h3><p>This is sample text.</p></div> | |||
<div class="" style""><h3>This is a Header</h3><p>This is sample text.</p></div> | |||
</div> | |||
<div style="display:flex; flex-direction: column;"> | |||
<div class="" style="height: 300px; background: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); overflow: hidden;"> | |||
<div class="" style="height: 80px; background: var(--color-surface-3);"> | |||
<div class="" style="color: white;"> On this Day ... {{CURRENTMONTHNAME}} {{CURRENTDAY}}</div> | |||
</div> | |||
</div> | |||
<div class="" style="height: 300px; background: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); overflow: hidden;"> | |||
<div class="" style="height: 80px; background: var(--color-surface-3);"> | |||
<div class="" style="color: white;"> On this Day ... {{CURRENTMONTHNAME}} {{CURRENTDAY}}</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | </div> | ||