Animation problem - mobile header

[Cyprian]

I have a problem with animation open mobile  hamburger menu. Before open Logo is black, when menu is open I have logo is white. 

 

I have two logo, one is black and one is white: 

<div class="md:hidden flex absolute left-5 top-4" ref="m_menu_button_close" @click="close"><p class="text-white text-2xl font-mediu">LOGO</p></div>

. 

.

 

<div class="text-2xl font-medium flex md:hidden logocolor" ref="m_logo">LOGO</div>

<style scoped>

.logocolor{

color: 'black';

}

</style>

 

How can I fix it ?

 

See the Pen nuxt by s (@s) on CodePen

[Cyprian]

code sandbox: cyprianwaclaw/nuxt - CodeSandbox

[Cassie]

Hi there - is there a GSAP specific question you have for us?