Add styling for badges

This commit is contained in:
Mikkel Munch Mortensen 2019-02-12 11:28:43 +01:00
parent 3cfdf221d3
commit fb70154a3d
Signed by untrusted user: decibyte
GPG key ID: 261C257C74AA764B
2 changed files with 56 additions and 0 deletions

55
_sass/_badges.scss Normal file
View file

@ -0,0 +1,55 @@
.badge {
font-family: monospace;
border: .1em solid #000;
border-radius: 1.1em;
width: 2em;
height: 2em;
margin-bottom: -.6em;
margin-right: .5em;
overflow: hidden;
display: inline-block;
text-indent: 10em;
background: #ccc center center;
background-size: contain;
}
.badge-positive {
background: #4c4;
}
.badge-partial {
background: #fd4;
}
.badge-negative {
background: #f44;
}
.badge-secure-connection{
background-image: url(/images/badges/secure-connection.svg);
}
.badge-encrypted-data-storage{
background-image: url(/images/badges/encrypted-data-storage.svg);
}
.badge-zero-knowledge{
background-image: url(/images/badges/zero-knowledge.svg);
}
.badge-backup{
background-image: url(/images/badges/backup.svg);
}
.badge-logging{
background-image: url(/images/badges/logging.svg);
}
.badge-anonymous-access {
background-image: url(/images/badges/anonymous-access.svg);
}
.badge-credits {
color: #888;
font-size: .75em;
}

View file

@ -300,3 +300,4 @@ table th
// ... Otherwise it really bloats up the top of the CSS file and makes it difficult to find the start
@import "highlights";
@import "svg-icons";
@import "badges";