mirror of
https://github.com/Motschen/midnightdust-eu.git
synced 2025-12-16 02:25:10 +01:00
Initial commit
This commit is contained in:
30
src/components/CallToAction.astro
Normal file
30
src/components/CallToAction.astro
Normal file
@@ -0,0 +1,30 @@
|
||||
<div class="container">
|
||||
<div class="call-to-action mt-24 mb-32 flex flex-col items-center gap-12 rounded-xl p-12 md:p-24">
|
||||
<h2 class="text-center text-3xl md:text-5xl">Get this theme on GitHub</h2>
|
||||
<a href="https://github.com/markteekman/accessible-astro-starter" class="text-center text-lg"> Use this theme</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style lang="scss">
|
||||
.call-to-action {
|
||||
color: var(--neutral-900);
|
||||
background-image: linear-gradient(40deg, var(--primary-100), var(--secondary-200));
|
||||
}
|
||||
|
||||
.call-to-action a:not(button),
|
||||
.call-to-action a:not(button):visited {
|
||||
padding: 1rem;
|
||||
color: var(--neutral-900);
|
||||
font-weight: bold;
|
||||
border: 3px solid var(--neutral-900);
|
||||
border-radius: 3px;
|
||||
text-decoration: none;
|
||||
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
|
||||
|
||||
&:where(:hover, :focus) {
|
||||
color: var(--neutral-100);
|
||||
background-color: var(--neutral-900);
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user