Mikkel Munch Mortensen
6b3e633383
Don't hide the content of them, allowing everyone to know what the badge is about.
95 lines
1.7 KiB
SCSS
95 lines
1.7 KiB
SCSS
.badge:before {
|
|
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;
|
|
content: "";
|
|
}
|
|
|
|
.badge-positive:before {
|
|
background-color: #4c4;
|
|
}
|
|
|
|
.badge-partial:before {
|
|
background-color: #fd4;
|
|
}
|
|
|
|
.badge-negative:before {
|
|
background-color: #f44;
|
|
}
|
|
|
|
.badge-stable:before {
|
|
background-image: url(/images/badges/stable.svg);
|
|
}
|
|
|
|
.badge-secure-connection:before {
|
|
background-image: url(/images/badges/secure-connection.svg);
|
|
}
|
|
|
|
.badge-encrypted-data-storage:before {
|
|
background-image: url(/images/badges/encrypted-data-storage.svg);
|
|
}
|
|
|
|
.badge-zero-knowledge:before {
|
|
background-image: url(/images/badges/zero-knowledge.svg);
|
|
}
|
|
|
|
.badge-backup:before {
|
|
background-image: url(/images/badges/backup.svg);
|
|
}
|
|
|
|
.badge-logging:before {
|
|
background-image: url(/images/badges/logging.svg);
|
|
}
|
|
|
|
.badge-anonymous-access:before {
|
|
background-image: url(/images/badges/anonymous-access.svg);
|
|
}
|
|
|
|
.badge-credits,
|
|
.badge-notes {
|
|
color: #888;
|
|
font-size: .75em;
|
|
}
|
|
|
|
.service-details ul.badges {
|
|
list-style-type: none;
|
|
margin: 0 0 0 .5em;
|
|
padding: 0;
|
|
}
|
|
|
|
.service-details ul.badges li {
|
|
margin: .5em 0;
|
|
}
|
|
|
|
.hidden {
|
|
display: none;
|
|
}
|
|
|
|
.service {
|
|
text-indent: 2.25em;
|
|
background-size: contain;
|
|
background-position: top left;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.service.nextcloud {
|
|
background-image: url(/images/logos/nextcloud.png);
|
|
}
|
|
|
|
.service.gitea {
|
|
background-image: url(/images/logos/gitea.png);
|
|
}
|
|
|
|
.service.passit {
|
|
background-image: url(/images/logos/passit.png);
|
|
}
|