website_rasmus/_sass/_datacoop.scss
Mikkel Munch Mortensen 6b3e633383
Change styling for badges
Don't hide the content of them, allowing everyone to know what the badge
is about.
2019-02-14 12:07:21 +01:00

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);
}