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