Skip to content

Commit

Permalink
docs: remove ViteConf banner (#11257)
Browse files Browse the repository at this point in the history
  • Loading branch information
patak-dev authored Dec 8, 2022
1 parent 5438193 commit 091bdcf
Showing 1 changed file with 0 additions and 66 deletions.
66 changes: 0 additions & 66 deletions docs/.vitepress/theme/components/AsideSponsors.vue
Original file line number Diff line number Diff line change
Expand Up @@ -18,71 +18,5 @@ const sponsors = computed(() => {
</script>

<template>
<a class="viteconf" href="https://viteconf.org" target="_blank">
<img width="22" height="22" src="/viteconf.svg" />
<span>
<p class="extra-info">Free Online Conference</p>
<p class="heading">ViteConf - Oct 11</p>
<p class="extra-info">Get your ticket now!</p>
</span>
</a>
<VPDocAsideSponsors v-if="data" :data="sponsors" />
</template>

<style>
.viteconf {
margin-top: 1rem;
margin-bottom: 1rem;
border-radius: 14px;
padding-left: 2.5rem;
padding-top: 0.4rem;
padding-bottom: 0.4rem;
position: relative;
font-size: 1rem;
font-weight: 700;
line-height: 1.1rem;
filter: grayscale(100%);
display: flex;
align-items: center;
justify-content: center;
gap: 0.75rem;
background-color: var(--vp-c-bg-alt);
border: 2px solid var(--vp-c-bg-alt);
transition: border-color 0.5s;
}
.viteconf:hover {
filter: grayscale(0%);
border: 2px solid var(--vp-c-brand-light);
}
.viteconf img {
position: absolute;
left: 1.5rem;
transition: transform 0.5s;
}
.viteconf:hover img {
transform: scale(1.75);
}
.viteconf:hover .heading {
background-image: linear-gradient(
120deg,
#bd34fe 16%,
var(--vp-c-brand-light),
var(--vp-c-brand-light)
);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.viteconf .extra-info {
color: var(--vp-c-text-1);
opacity: 0;
font-size: 0.7rem;
padding-left: 0.1rem;
transition: opacity 0.5s;
}
.viteconf:hover .extra-info {
opacity: 0.9;
}
</style>

0 comments on commit 091bdcf

Please sign in to comment.