Leilukin
/
leilukin-site
mirror of https://github.com/helenclx/leilukin-site.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Style mod entry and link buttons

This commit is contained in:
Helen Chong 2024-04-20 15:01:39 +08:00
parent ea4ea3936e
commit 672cec6470
1 changed files with 25 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/assets/css/main.css
View File

@ -386,14 +386,34 @@ main {
margin: 0.5em 0; margin: 0.5em 0;
} }
.mod-entry,
.mod-entry__downloads {
display: grid;
align-items: center;
gap: 0.5em;
}
.mod-entry {
background: #241445;
margin: 1em 0;
padding: 1em;
}
/* Tablet screen size */
@media only screen and (min-width: 37.5rem) {
.mod-entry__downloads {
grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
}
}
/* Link button */ /* Link button */
.link-btn { .link-btn {
font: 1.3rem 'Source Sans Pro', Arial, sans-serif; font-size: 1.3rem;
text-align: center;
display: inline-block; display: inline-block;
border: 0.15rem solid var(--clr-link-btn-bg); border: 0.15em solid var(--clr-link-btn-bg);
border-radius: 0.6rem; border-radius: 0.6em;
padding: 0.75rem 1rem; padding: 0.5em 1em;
margin: 0.3rem;
background: var(--clr-link-btn-bg); background: var(--clr-link-btn-bg);
color: var(--clr-link-btn-txt); color: var(--clr-link-btn-txt);
cursor: pointer; cursor: pointer;