.butla-fa-svg { display: inline-block; height: 1em; overflow: visible; vertical-align: -0.125em; fill: currentColor; } /* Inline icons in both header variants: presentation lives in CSS, not HTML. */ .header .butla-fa-svg { width: 1em; } .header .fa-id-card > .butla-fa-svg, .header .fa-shopping-cart > .butla-fa-svg { width: 1.125em; } /* Ikony stopki bez inline SVG w HTML. */ .butla-footer-icon { display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: var(--butla-footer-icon) center / contain no-repeat; mask: var(--butla-footer-icon) center / contain no-repeat; } .butla-footer-icon.fa-briefcase { --butla-footer-icon: url("../../assets/fontawesome/solid/briefcase.svg"); } .butla-footer-icon.fa-business-time { --butla-footer-icon: url("../../assets/fontawesome/solid/business-time.svg"); width: 1.25em; } .butla-footer-icon.fa-map-marker-alt { --butla-footer-icon: url("../../assets/fontawesome/solid/location-dot.svg"); width: .75em; } .butla-footer-icon.fa-phone { --butla-footer-icon: url("../../assets/fontawesome/solid/phone.svg"); } .butla-footer-icon.fa-envelope { --butla-footer-icon: url("../../assets/fontawesome/solid/envelope.svg"); } .butla-footer-icon.fa-truck { --butla-footer-icon: url("../../assets/fontawesome/solid/truck.svg"); width: 1.25em; } .butla-footer-icon.fa-arrows-rotate { --butla-footer-icon: url("../../assets/fontawesome/solid/arrows-rotate.svg"); } .butla-footer-icon.fa-hand-holding-dollar { --butla-footer-icon: url("../../assets/fontawesome/solid/hand-holding-dollar.svg"); width: 1.125em; } .butla-footer-icon.fa-book { --butla-footer-icon: url("../../assets/fontawesome/solid/book.svg"); width: .875em; } .butla-footer-icon.fa-cookie-bite { --butla-footer-icon: url("../../assets/fontawesome/solid/cookie-bite.svg"); }