Mirrors/keyoxide-web
1
0
Fork 1
mirror of https://codeberg.org/keyoxide/keyoxide-web.git synced 2024-12-22 23:09:29 -07:00
Code Issues Projects Releases Packages Wiki Activity

Improve styles for accessibility

Browse source
This commit is contained in:
Yarmo Mackenbach 2021-04-05 16:08:35 +02:00
parent 17ba9ec7d3
commit 8a33f39028
No known key found for this signature in database
GPG key ID: 37367F4AF4087AD1
1 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
static/styles.css
View file

@ -269,6 +269,7 @@ section.profile p, .demo p {
} }
.claim .claim__links p, p.subtle-links { .claim .claim__links p, p.subtle-links {
display: flex; display: flex;
align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
font-size: 1rem; font-size: 1rem;
color: var(--grey-700); color: var(--grey-700);
@ -291,13 +292,13 @@ section.profile p, .demo p {
min-width: 48px; min-width: 48px;
height: 48px; height: 48px;
border-radius: 100%; border-radius: 100%;
background-color: var(--red-400); background-color: var(--red-600);
color: #fff; color: #fff;
font-size: 2rem; font-size: 2rem;
user-select: none; user-select: none;
} }
.claim .claim__verification--true { .claim .claim__verification--true {
background-color: var(--green-400); background-color: var(--green-600);
} }
@media screen and (max-width: 640px) { @media screen and (max-width: 640px) {
.claim .claim__description p { .claim .claim__description p {
@ -366,20 +367,20 @@ h1 {
font-size: 1.6em; font-size: 1.6em;
margin: 3.2rem 0 1.6rem; margin: 3.2rem 0 1.6rem;
font-weight: normal; font-weight: normal;
color: var(--purple-500); color: var(--purple-700);
cursor: default; cursor: default;
} }
h2 { h2 {
font-size: 1.4em; font-size: 1.4em;
margin: 3.2rem 0 1.6rem; margin: 3.2rem 0 1.6rem;
font-weight: normal; font-weight: normal;
color: var(--purple-500); color: var(--purple-700);
cursor: default; cursor: default;
} }
h2 small { h2 small {
margin-left: 0.8rem; margin-left: 0.8rem;
padding: 3px 6px; padding: 3px 6px;
background-color: var(--purple-400); background-color: var(--purple-600);
color: #fff; color: #fff;
border-radius: 4px; border-radius: 4px;
} }