forked from data.coop/website
Add styling for badges
This commit is contained in:
parent
3cfdf221d3
commit
fb70154a3d
55
_sass/_badges.scss
Normal file
55
_sass/_badges.scss
Normal 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;
|
||||
}
|
|
@ -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";
|
||||
|
|
Loading…
Reference in a new issue