dan/design
1
0
Fork 0
mirror of https://github.com/danbulant/design synced 2026-05-24 12:23:57 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix colors

Browse source
This commit is contained in:
Daniel Bulant 2022-11-19 16:58:10 +01:00
parent 34acfec281
commit 041c4e32ce
1 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/routes/+page.svelte
View file

@ -38,9 +38,9 @@
<main class:dark={$darkmode}> <main class:dark={$darkmode}>
<Hero {appTypeHover}> <Hero {appTypeHover}>
<h1 class="font-bold">I'm a young developer making <u on:mouseenter={() => appTypeHover = "websites"} on:mouseleave={() => appTypeHover == "websites" && (appTypeHover = null)}>websites</u>, <h1 class="font-bold">I'm making <b on:mouseenter={() => appTypeHover = "websites"} on:mouseleave={() => appTypeHover == "websites" && (appTypeHover = null)}>websites</b>,
<u on:mouseenter={() => appTypeHover = "applications"} on:mouseleave={() => appTypeHover == "applications" && (appTypeHover = null)}>applications</u> and <b on:mouseenter={() => appTypeHover = "applications"} on:mouseleave={() => appTypeHover == "applications" && (appTypeHover = null)}>applications</b> and
<u on:mouseenter={() => appTypeHover = "bots"} on:mouseleave={() => appTypeHover == "bots" && (appTypeHover = null)}>discord bots</u>.</h1> <b on:mouseenter={() => appTypeHover = "bots"} on:mouseleave={() => appTypeHover == "bots" && (appTypeHover = null)}>discord bots</b>.</h1>
<!-- <h3>To be used later</h3> --> <!-- <h3>To be used later</h3> -->
<Button href="#projects">Check out my work</Button> <Button href="#projects">Check out my work</Button>
</Hero> </Hero>
@ -333,6 +333,9 @@
transition: transform .3s, color .2s; transition: transform .3s, color .2s;
} }
.also li:hover { .also li:hover {
color: black;
}
.dark .also li:hover {
color: white; color: white;
} }
.also li:active { .also li:active {