mirror of
https://codeberg.org/vlw/victorwesterlund.com.git
synced 2025-09-14 11:33:41 +02:00
44 lines
No EOL
932 B
HTML
44 lines
No EOL
932 B
HTML
<style>
|
|
.contact {
|
|
align-self: stretch;
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
gap: var(--padding);
|
|
}
|
|
|
|
.contact .item {
|
|
--size: 1fr;
|
|
width: var(--size);
|
|
height: var(--size);
|
|
border-radius: var(--border-radius);
|
|
background-color: rgba(var(--palette-inverted),.05);
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
box-sizing: border-box;
|
|
padding: var(--padding);
|
|
}
|
|
|
|
.contact .item * {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.contact .item img {
|
|
height: 10vh;
|
|
}
|
|
|
|
@media (max-width: 300px) {
|
|
.contact {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
}
|
|
</style>
|
|
<div class="contact">
|
|
<div class="item button phantom" data-action="getContact" data-value="contact_signal">
|
|
<img src="assets/img/icons/signal.svg"/>
|
|
<p>Signal</p>
|
|
</div>
|
|
<div class="item button phantom" data-action="getContact" data-value="contact_email">
|
|
<img src="assets/img/icons/email.svg"/>
|
|
<p>E-Mail</p>
|
|
</div>
|
|
</div> |