Logo
CODE
×
HTML
<svg class='logo' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' x='0' y='0' version='1.1' viewBox='0 0 103.7 17.2' width='0' height='0'><path d="M0 17.2V0h4.7v13.1h5.8v4H0zM13.2 17.2 19.1 0H25l5.9 17.2h-4.7l-.9-3.1h-6.6l-.9 3.1h-4.6zm6.5-6.5h4.7L22.7 5c0-.1-.1-.4-.2-.8-.1-.5-.3-1-.4-1.5l-.3 1.2c-.1.4-.2.8-.3 1.1l-1.8 5.7zM34.9 17.2V0h4.5l6.5 8.8c.2.2.4.6.6 1.1.3.6.6 1.3.9 1.9-.1-.9-.2-1.5-.2-1.9 0-.6-.1-1.1-.1-1.5V0h4.5v17.2h-4.5l-6.5-8.9c-.1-.1-.3-.5-.6-1.1-.3-.5-.6-1.1-.9-1.9.1.6.2 1.2.2 1.9v10h-4.4zM60.2 17.2V4.1h-3.8V0h12.4v4.1H65v13.1h-4.8zM71.4 17.2 77.3 0h5.9l5.9 17.2h-4.7l-.9-3.1H77l-.9 3.1h-4.7zm6.6-6.5h4.7L81 5c0-.1-.1-.4-.2-.8-.1-.5-.3-1-.4-1.5-.2.5-.3.9-.4 1.3-.1.4-.2.8-.3 1.1L78 10.7zM93.2 17.2V0h4.7v13.1h5.8v4H93.2z" /></svg>
CSS
svg.logo { margin-top: 0px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; width: 188px; height: auto; } svg.logo { --ind-p: 9px; margin-left: clamp(calc(var(--header-vp-min) + var(--ind-p)), calc(var(--header-vp-ideal) + var(--ind-p)), calc(var(--header-vp-max) + var(--ind-p))); } svg.logo > path { fill: #000; } header.v2 svg.logo > path { fill: #fff; } @media screen and (max-width: 991px), screen and (max-height: 771px) { svg.logo { width: 164px } } @media screen and (max-width: 575px), screen and (max-height: 389px) { svg.logo { width: 136px; margin-top: 3px; } }
JS
Logo
Last Edit: Nov 4, 2023, 2:34pm
×