37 lines
No EOL
763 B
Text
37 lines
No EOL
763 B
Text
---
|
|
export interface Props {
|
|
site: string;
|
|
link: string;
|
|
}
|
|
|
|
const { link, site } = Astro.props;
|
|
---
|
|
|
|
<a href={link} target="_blank" rel="noopener noreferrer">
|
|
<article class="contact do-hover">
|
|
<h2>{site}</h2>
|
|
</article>
|
|
</a>
|
|
|
|
<style>
|
|
article>h2 {
|
|
color: white;
|
|
font-size: 18px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
line-height: normal;
|
|
}
|
|
article {
|
|
background-color: rgb(27, 27, 27);
|
|
border-color: #1e1e1e;
|
|
padding: 10px;
|
|
text-align: center;
|
|
transition: transform var(--speed) var(--ease);
|
|
height: 128px;
|
|
width: 128px;
|
|
line-height: 128px;
|
|
}
|
|
a:hover {
|
|
transform: scale(var(--hover-scale));
|
|
}
|
|
</style> |