The .brand-logo
class is a dynamic class tied to the following:
<head>
or <body>
of a site (i.e. /css/path/theme-name.css
).data-theme="light"
or data-theme="dark"
attributes found on the <html>
tag of a website.lang=""
attribute found on the <html>
tag of a website.The combination of attributes above will populate the correct version of the brand logo for that website respectively.
<div class="brand-logo" aria-label="Logo"></div>
<a href="#" target="_self" class="brand-logo" aria-label="Logo"></a>