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

@ -6,12 +6,4 @@
.btn { .btn {
@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; @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> </nav>
</div> </div>
</header> </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>