add animation to the header

This commit is contained in:
blek 2023-11-11 18:27:32 +10:00
parent e25bfa4b2a
commit abd77c9bc7
Signed by: blek
GPG Key ID: 14546221E3595D0C
1 changed files with 5 additions and 4 deletions

View File

@ -17,14 +17,15 @@
<style> .footer svg { height: 32px; margin: 10px 0 } </style>
<style>
.header .header-text, .header .header-home, .header .header-bg { transition: 250ms ease; }
@media (max-width:667px) {
.header-text { text-align: center }
.header-home { width: 100% }
.header-bg { left: 50% !important; transform: translateX(-50%); -webkit-mask-image: linear-gradient(90deg, #0000, #000, #0000); }
.header .header-text { text-align: center }
.header .header-home { width: 100% }
.header .header-bg { left: 50% !important; transform: translateX(-50%); -webkit-mask-image: linear-gradient(90deg, #0000, #000, #0000); }
{%- if conf.brand.instance_motto.len() != 0 -%}
.header-home-motto {
.header .header-home-motto {
display:none
}
{%- endif -%}