feat: better padding and hover color.

This commit is contained in:
Aunali321 2022-10-12 11:38:01 +00:00
parent fe33b56388
commit afdaad471b
3 changed files with 40 additions and 1 deletions

View File

@ -17,7 +17,7 @@
color: var(--white);
text-decoration: none;
text-align: center;
padding: 0.5rem;
padding: 0.5rem 0.1rem;
border-radius: 12px;
width:100px;
transition: all 0.3s var(--bezier-one);

View File

@ -36,6 +36,7 @@
}
li:hover {
color: var(--white);
background-color: var(--grey-one);
}

View File

@ -4,9 +4,47 @@
</script>
<div class="wrapper contrib-grid">
<h1>
<span class="redder">Re</span>Vanced Contributors
</h1>
<ContributorHost repo="cli"/>
<ContributorHost repo="patcher"/>
<ContributorHost repo="patches"/>
<ContributorHost repo="integrations"/>
<ContributorHost repo="manager"/>
</div>
<style>
.redder {
color: var(--red);
}
h1 {
text-align: center;
color: var(--white);
font-weight: 700;
font-size: 5rem;
letter-spacing: -0.04em;
line-height: 1em;
}
.contrib-grid {
display: flex;
flex-direction: column;
gap: 2rem;
}
@media screen and (max-width: 1919px) {
h1 {
font-size: 3.5rem;
}
}
@media screen and (max-width: 1052px) {
h1 {
font-size: 2.5rem;
}
}
@media screen and (max-width: 768px) {
h1 {
font-size: 2rem;
}
}
</style>