angestoepselt/homepage
5
0
Fork 0
mirror of https://codeberg.org/angestoepselt/homepage.git synced 2025-05-24 14:46:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Tweak styles for CoderDojo page action boxes

Browse source
This commit is contained in:
Yannik Rödel 2023-02-04 18:22:39 +01:00
parent 6e87479f68
commit 09918290f0
2 changed files with 17 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
sites/coderdojo/index.md
View file

@ -28,10 +28,12 @@ Kostenlose Programmier- und Techniktreffen für Kinder und Jugendliche im Raum W
<a href="https://seu2.cleverreach.com/f/148340-147129" target="_blank">
<h3>Newsletter</h3>
<span>Bleibe über neue Veranstaltungen informiert.</span>
</a>
<a href="mailto:kontakt@angestoepselt.de">
<h3>Mentor werden</h3>
<h3>Kontakt</h3>
<span>Wir suchen immer interessierte Kursleitende!</span>
</a>
</section>

14
styles/components/_actions.scss
View file

@ -55,6 +55,16 @@
height: 10rem;
}
> span {
color: colors.$gray-600;
}
> span,
> em {
margin-top: layout.$small-gap;
margin-bottom: layout.$small-gap;
}
&:hover {
background-color: colors.$gray-100;
transform: translateY(-0.5rem);
@ -94,6 +104,10 @@
&:not(:first-of-type) {
grid-column: span 2;
}
&:nth-child(4):last-child {
grid-column: 3 / span 4;
}
}
}
}