Fix hero header alignment & wrapping on narrow screens
This commit is contained in:
parent
ccf09b4fac
commit
c00e43b0d3
2 changed files with 4 additions and 3 deletions
|
@ -1,5 +1,5 @@
|
||||||
@import url('https://cdn.jsdelivr.net/gh/darkwiiplayer/css@74e5799/all.css') layer(framework);
|
@import url('https://cdn.jsdelivr.net/gh/darkwiiplayer/css@125744e/all.css') layer(framework);
|
||||||
@import url('https://cdn.jsdelivr.net/gh/darkwiiplayer/css@74e5799/drop-in.css') layer(framework);
|
@import url('https://cdn.jsdelivr.net/gh/darkwiiplayer/css@125744e/drop-in.css') layer(framework);
|
||||||
|
|
||||||
blog-post[hidden] {
|
blog-post[hidden] {
|
||||||
display: none;
|
display: none;
|
||||||
|
|
|
@ -35,7 +35,8 @@ if src := post.head.cover_image
|
||||||
* img :src, style: 'opacity: .4', class: "parallax"
|
* img :src, style: 'opacity: .4', class: "parallax"
|
||||||
* flexColumn
|
* flexColumn
|
||||||
* class: "parallax"
|
* class: "parallax"
|
||||||
* h1(post.head.title, style: "view-transition-name: #{post.head.slug}")
|
* hgroup
|
||||||
|
* h1(post.head.title, style: "view-transition-name: #{post.head.slug}")
|
||||||
slots.head
|
slots.head
|
||||||
* meta property: "og:image", content: src
|
* meta property: "og:image", content: src
|
||||||
else
|
else
|
||||||
|
|
Loading…
Reference in a new issue