css margin fixes

This commit is contained in:
theBreadCompany 2025-05-07 09:57:06 +02:00
parent 9929462c55
commit 6dcd5957c9

View file

@ -104,15 +104,17 @@ ul.h-list {
}
.h-list li {
display: inline;
margin-right: 0.5em;
whitespace: no-wrap;
}
.h-list.pilled li {
display: inline-block;
padding: 0.5em 1em;
background-color: var(--primary);
border-radius: 20px;
color: var(--background);
margin-top: 1em;
}
.h-list.pilled:last-child { margin-top: unset; }
.product {
background-color: var(--secondary);
@ -124,7 +126,9 @@ ul.h-list {
background-color: unset;
border: 3px dashed var(--secondary);
}
.product:not([placeholder="true"]):hover {
.product:not([placeholder="true"]):hover,
.h-list.pilled li:hover,
.socials-tile:hover {
transform: scale(1.05);
box-shadow: 10px 10px 10em #7a9ee688;
}
@ -161,7 +165,7 @@ ul.h-list {
.socials {
width: 100%;
display: grid;
grid-template-columns: repeat(2, auto);
grid-template-columns: repeat(2, 1fr);
}
.socials-tile {
width: 3em;
@ -170,7 +174,6 @@ ul.h-list {
margin: 1em;
background-color: currentColor;
color: var(--accent);
border-radius: 4px;
mask-size: 100%;
}
.socials-tile[variant="git"] { mask-image: url("https://api.iconify.design/mdi:git.svg"); }
@ -189,6 +192,7 @@ ul.h-list {
}
.page { padding: 1em; }
.h-list { padding-left: unset; }
.h-list.pilled li { margin-top: unset; }
.logo-big {
width: 25vw;
margin-right: unset;