add animation to the header
This commit is contained in:
parent
e25bfa4b2a
commit
abd77c9bc7
|
@ -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 -%}
|
||||
|
|
Loading…
Reference in New Issue