@trebired/frontend 21.0.0 → 21.0.1

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 21.0.1
+
+- The brand button really has no padding now. It is a button, and the padding every button gets is written later in the stylesheet, so at equal weight it won and the logo still started 19px further in than the edge of the bar. The brand's own box now outranks it, as its colour already does.
+
 ## 21.0.0
 
 Breaking for configuration: `shell.header.px` and `shell.header.brand.button.padding` are gone.

package/dist/layout/styles/site-header.scss

@@ -314,28 +314,27 @@ $motion: token("motion-duration", 500ms) token("motion-easing", cubic-bezier(0.2
   box-shadow: none;
 }
 
-#{ns.class("site-header-brand-button")} {
+#{ns.class("site-header-brand-button")},
+
+#{ns.class("button")}#{ns.class("site-header-brand-button")} {
   display: inline-flex;
   flex-shrink: 0;
   align-items: center;
   gap: var(#{ns.css-var("shell-header-brand-button-gap")}, 8px);
   min-width: 0;
+  min-height: 0;
+  height: auto;
   border: 0;
   border-radius: var(#{ns.css-var("shell-header-brand-button-radius")}, var(#{ns.css-var("radius-sm")}, 0));
   padding-block: 4px;
   padding-inline: 0;
   background: transparent;
-  cursor: pointer;
-  transition: color 0.22s ease;
-}
-
-#{ns.class("site-header-brand-button")},
-
-#{ns.class("button")}#{ns.class("site-header-brand-button")} {
   color: var(
     #{ns.css-var("shell-header-brand-button-color")},
     color-mix(in srgb, var(#{ns.css-var("text")}, currentColor) 74%, transparent)
   );
+  cursor: pointer;
+  transition: color 0.22s ease;
 }
 
 #{ns.class("site-header-brand-button")}:hover,

package/package.json

@@ -8,7 +8,7 @@
     }
   },
   "name": "@trebired/frontend",
-  "version": "21.0.0",
+  "version": "21.0.1",
   "description": "Generic browser runtime systems for Trebired frontend packages and applications.",
   "type": "module",
   "private": false,