Mylloon
f84a37829c
All checks were successful
ci/woodpecker/push/publish Pipeline was successful
- Rework metadata, now each type of file based on markdown have his own metadata struct (blog/portfolio/contacts) - Contact is now generated by markdown files Reviewed-on: #38 Co-authored-by: Mylloon <kennel.anri@tutanota.com> Co-committed-by: Mylloon <kennel.anri@tutanota.com>
57 lines
802 B
CSS
57 lines
802 B
CSS
/* https://stackoverflow.com/a/40244401/15436737 */
|
|
|
|
/* Title */
|
|
h1 {
|
|
margin: 0;
|
|
}
|
|
|
|
h1 + p {
|
|
margin: 8px;
|
|
}
|
|
|
|
/* List */
|
|
main ul {
|
|
column-count: 2;
|
|
column-gap: 5em;
|
|
}
|
|
|
|
main li {
|
|
break-inside: avoid-column;
|
|
}
|
|
|
|
main li > p {
|
|
margin: 0;
|
|
padding: 3%;
|
|
}
|
|
|
|
/* breakpoint */
|
|
@media only screen and (max-width: 640px) {
|
|
main ul {
|
|
column-count: 1;
|
|
}
|
|
}
|
|
|
|
/* Links */
|
|
main a {
|
|
text-decoration: none;
|
|
display: inline-block;
|
|
color: color-mix(in srgb, var(--font-color) 30%, var(--link-color));
|
|
}
|
|
|
|
main a:after {
|
|
display: block;
|
|
content: "";
|
|
border-bottom: solid 3px;
|
|
transform: scaleX(0);
|
|
transition: transform 250ms ease-in-out;
|
|
transform-origin: 100% 50%;
|
|
}
|
|
|
|
main a:hover:after {
|
|
transform: scaleX(1);
|
|
transform-origin: 0 50%;
|
|
}
|
|
|
|
main a:hover {
|
|
text-decoration: none;
|
|
}
|