@provenance/provenance-sdk
Version:
Enables provenance.org content on other domains
82 lines (68 loc) • 1.74 kB
CSS
.provenance-trust-badge-container a {
align-items: center;
background: #0A3942;
border-radius: 2px;
color: #0A3942;
display: inline-flex;
gap: 6px;
text-decoration: none;
padding: 0 11px 0 2px;
outline: 0.5px solid transparent;
transition: box-shadow 0.15s, outline 0.15s;
height: 36px;
}
.provenance-trust-badge-container a:hover {
box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.15);
outline: 0.5px solid #ccc;
}
.provenance-trust-badge-container a:active {
box-shadow: none;
outline: none;
}
.provenance-trust-badge-container a:focus-visible {
outline: 2px solid #0A3942;
}
.provenance-trust-badge-container a > div {
padding-top: 4px;
}
.provenance-trust-badge-container a > div > svg {
display: block;
}
.provenance-trust-badge-container .prov-sustainability-claims-see-the-proof {
margin-bottom: 3px;
margin-top: 0;
margin-right: 3px;
}
.provenance-trust-badge-container .prov-tick-and-logo {
margin-top: -5px;
}
.provenance-trust-badge-container #prov-icons {
border-radius: 32px;
clip-path: inset(100% 0%);
display: flex;
padding: 2px;
transition: clip-path 1s;
margin-bottom: 8px;
}
.provenance-trust-badge-container #prov-icons:not(:empty) {
clip-path: inset(0%);
}
.provenance-trust-badge-container #prov-icons > * {
border-radius: 50%;
background: #fff;
box-shadow: 0 0 0 2px #0A3942;
}
.provenance-trust-badge-container #prov-icons > * + * {
margin-left: -5px;
}
.provenance-trust-badge-container #prov-icons > svg + svg {
margin-left: -9px;
}
.provenance-trust-badge-container #prov-icons > div {
display: inline-block;
width: 36px;
height: 36px;
text-align: center;
line-height: 34px;
vertical-align: bottom;
}