UNPKG

@provenance/provenance-sdk

Version:
82 lines (68 loc) 1.74 kB
.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; }