nick12
/
hmn
forked from hmn/hmn
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix CSS issue on jams page

This commit is contained in:
Ben Visness 2023-04-22 11:31:14 -05:00
parent e4dd15d248
commit 1b1c25da80
3 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
public/style.css
View File

@ -7553,6 +7553,9 @@ article code {
.g5 { .g5 {
gap: 4rem; } gap: 4rem; }
.aspect-ratio--2x1 {
padding-bottom: 50%; }
.hide-if-empty:empty { .hide-if-empty:empty {
display: none !important; } display: none !important; }

4
src/rawdata/scss/_core.scss
View File

@ -372,6 +372,10 @@ article code {
.g4 { gap: $spacing-large; } .g4 { gap: $spacing-large; }
.g5 { gap: $spacing-extra-large; } .g5 { gap: $spacing-extra-large; }
.aspect-ratio--2x1 {
padding-bottom: 50%;
}
.hide-if-empty:empty { .hide-if-empty:empty {
display: none !important; display: none !important;
} }

4
src/templates/src/jams_index.html
View File

@ -31,8 +31,8 @@
<img src="{{ static "wheeljam2021/TwitterCard.png" }}"> <img src="{{ static "wheeljam2021/TwitterCard.png" }}">
</div> </div>
</a> </a>
<a href="{{ .LispJamUrl }}" class="relative"> <a href="{{ .LispJamUrl }}" class="br2 overflow-hidden relative aspect-ratio--2x1 bg--card">
<div class="br2 overflow-hidden absolute absolute--fill flex flex-column flex justify-center items-center f3 c--dim"> <div class="aspect-ratio--object flex flex-column flex justify-center items-center f3 c--dim">
<h3>LISP Jam</h3> <h3>LISP Jam</h3>
</div> </div>
</a> </a>