theBreadCompany/homepage
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

css margin fixes

Browse source
This commit is contained in:
theBreadCompany 2025-05-07 09:57:06 +02:00
parent 9929462c55
commit 6dcd5957c9
1 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
index.css
View file

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