docs(styles): explain toolbar inheritance and workspace layering

2026-11-12 17:05:08 +08:00
parent e4e148502e
commit abf5ea9baa
4 changed files with 5 additions and 0 deletions
@@ -18,6 +18,7 @@
 /* SVG 同时约束宽高与 flex-basis，防止图标在文字/布局挤压下变形。 */
 .button svg { width: var(--toolbar-icon-size, 20px); height: var(--toolbar-icon-size, 20px); flex: 0 0 var(--toolbar-icon-size, 20px); }
 /* 悬停填底、键盘可见焦点描边、禁用态降低透明度并提示不可操作。 */
+/* hover 未排除 :disabled，禁用按钮仍可能命中悬停底色；真正禁用语义由原生 disabled 属性承担。 */
 .button:hover { background: #e9e7e3; }
 .button:focus-visible { outline: 2px solid #9d7d66; outline-offset: 2px; }
 .button:disabled { opacity: 0.45; cursor: not-allowed; }