mikeconrad/blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Move styles to Header.astro

Browse Source
This commit is contained in:
prototypa
2022-08-20 03:59:16 -04:00
parent 5a2b07ff14
commit bd90eaf841
2 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/assets/styles/base.css
View File

@ -7,11 +7,3 @@
@apply inline-flex items-center justify-center rounded border border-transparent font-medium text-center text-base leading-snug transition py-3 px-6 shadow-lg ease-in duration-200 focus:ring-blue-500 focus:ring-offset-blue-200 focus:ring-2 focus:ring-offset-2;
}
}
[data-aw-toggle-menu].expanded .line1 {
transform: rotate(-45deg) translate(-12px, 8px);
}
[data-aw-toggle-menu].expanded .line2 {
transform: rotate(45deg) translate(4px, -16px);
}

10
src/components/widgets/Header.astro
View File

@ -101,3 +101,13 @@ const {} = Astro.props;
</nav>
</div>
</header>
<style is:global>
[data-aw-toggle-menu].expanded .line1 {
transform: rotate(-45deg) translate(-12px, 8px);
}
[data-aw-toggle-menu].expanded .line2 {
transform: rotate(45deg) translate(4px, -16px);
}
</style>