feat: accessibility

This commit is contained in:
Nazareno Oviedo 2022-04-06 11:32:50 -03:00
parent 881c424e14
commit f16388411d
4 changed files with 34 additions and 24 deletions

View File

@ -252,19 +252,22 @@
margin-top: tovw(32px, 'tablet', 32px);
}
a,
p {
font-size: tovw(18px, 'default', 14px);
line-height: 1;
margin: 0;
color: var(--color-grey-light);
}
ul {
.sub__footer__links {
display: flex;
justify-content: space-between;
width: 100%;
li {
a,
p {
font-size: tovw(18px, 'default', 14px);
font-weight: 400 !important;
line-height: 1;
margin: 0;
color: var(--color-grey-light);
}
}
@media screen and (max-width: 800px) {
align-items: center;
flex-direction: column;
@ -275,7 +278,7 @@
}
}
> div {
li:first-of-type {
display: flex;
gap: tovw(37px, 'default', 24px);

View File

@ -42,7 +42,11 @@ export const CommunityLinks = [
]
export const ConnectLinks = [
{ href: '/community', title: 'Twitter', logo: <Twitter /> },
{
href: 'https://twitter.com/laconicnetwork',
title: 'Twitter',
logo: <Twitter />
},
{ href: '/validators', title: 'Telegram', logo: <Telegram /> },
{ href: '/testnet', title: 'Reddit', logo: <Reddit /> },
{ href: '/insiders', title: 'Linkedin', logo: <Linkedin /> },

View File

@ -163,19 +163,16 @@ export const Footer = () => {
})}
</li>
</ul>
<ul>
<div>
<li>
<Link href="/privacy-policy" variant="nav">
Privacy Policy
</Link>
</li>
<li>
<Link href="/terms-of-use" variant="nav">
Terms of Use
</Link>
</li>
</div>
<ul className={s['sub__footer__links']}>
<li>
<Link href="/privacy-policy" variant="nav">
Privacy Policy
</Link>
<Link href="/terms-of-use" variant="nav">
Terms of Use
</Link>
</li>
<li>
<p>Laconic, The Source of Proof</p>
</li>

View File

@ -76,6 +76,12 @@
user-select: none;
transform: scale(1.18);
pointer-events: none;
img {
width: 100%;
margin: 0 auto;
display: block;
}
}
.slider {