add animation to the header
This commit is contained in:
parent
2efdeabf77
commit
6e500cf07b
|
@ -17,14 +17,15 @@
|
||||||
|
|
||||||
<style> .footer svg { height: 32px; margin: 10px 0 } </style>
|
<style> .footer svg { height: 32px; margin: 10px 0 } </style>
|
||||||
<style>
|
<style>
|
||||||
|
.header .header-text, .header .header-home, .header .header-bg { transition: 250ms ease; }
|
||||||
@media (max-width:667px) {
|
@media (max-width:667px) {
|
||||||
|
|
||||||
.header-text { text-align: center }
|
.header .header-text { text-align: center }
|
||||||
.header-home { width: 100% }
|
.header .header-home { width: 100% }
|
||||||
.header-bg { left: 50% !important; transform: translateX(-50%); -webkit-mask-image: linear-gradient(90deg, #0000, #000, #0000); }
|
.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 -%}
|
{%- if conf.brand.instance_motto.len() != 0 -%}
|
||||||
.header-home-motto {
|
.header .header-home-motto {
|
||||||
display:none
|
display:none
|
||||||
}
|
}
|
||||||
{%- endif -%}
|
{%- endif -%}
|
||||||
|
|
Loading…
Reference in New Issue