feat: integrate latest HMDesign design system updates
This commit is contained in:
1 parent
99faec189e
commit
1c4e0bb9a1
209 files changed
+8845
-552
No files matched your search
@@ -547,12 +547,34 @@
|
||||
grid-template-columns: var(--hm-lnb-width) minmax(0, 1fr);
|
||||
min-width: 0;
|
||||
min-height: 0;
|
||||
background: var(--hm-sem-palette-green-light-2);
|
||||
background: var(--hm-sem-bg-content);
|
||||
border-radius: var(--hm-gnb-join) var(--hm-gnb-join) 0 0;
|
||||
}
|
||||
[data-hm-gnb-layout="sidebar"] > [data-hm-gnb-body] > [data-slot="lnb"][data-hm-gnb-sidebar] {
|
||||
--hm-lnb-background: var(--hm-sem-palette-green-light-2);
|
||||
--hm-gnb-content-menu-color: var(--hm-sem-action-primary);
|
||||
--hm-lnb-background: var(--hm-sem-bg-content);
|
||||
--hm-lnb-background-end: var(--hm-sem-bg-content);
|
||||
--hm-lnb-text: var(--hm-gnb-content-menu-color);
|
||||
--hm-lnb-text-secondary: var(--hm-gnb-content-menu-color);
|
||||
--hm-lnb-item-text-stroke-width: 0px;
|
||||
--hm-lnb-item-text-shadow: none;
|
||||
--hm-lnb-hover-background: color-mix(in srgb, var(--hm-gnb-content-menu-color) 8%, transparent);
|
||||
--hm-lnb-current-background: color-mix(in srgb, var(--hm-gnb-content-menu-color) 20%, transparent);
|
||||
--hm-lnb-current-text: var(--hm-gnb-content-menu-color);
|
||||
--hm-lnb-current-depth: none;
|
||||
--hm-lnb-group-current-text: var(--hm-gnb-content-menu-color);
|
||||
--hm-lnb-group-open-background: transparent;
|
||||
--hm-lnb-group-open-line: 0;
|
||||
--hm-lnb-focus-outline: 2px solid var(--hm-gnb-content-menu-color);
|
||||
border-right: 1px solid var(--hm-sem-stroke-default);
|
||||
}
|
||||
[data-hm-gnb-layout="sidebar"][data-hm-color="brown"] > [data-hm-gnb-body] > [data-hm-gnb-sidebar] {
|
||||
--hm-gnb-content-menu-color: var(--hm-sem-palette-brown-default);
|
||||
}
|
||||
/* Content navigation uses one straight divider, without the green LNB join. */
|
||||
[data-hm-gnb-layout="sidebar"] [data-hm-gnb-sidebar]::after,
|
||||
[data-hm-gnb-layout="sidebar"] [data-hm-gnb-sidebar] [data-slot="lnb-item"][aria-current="page"]::before,
|
||||
[data-hm-gnb-layout="sidebar"] [data-hm-gnb-sidebar] [data-slot="lnb-item"][aria-current="page"]::after { content: none; }
|
||||
[data-hm-gnb-layout="sidebar"] > [data-hm-gnb-body] > [data-hm-gnb-main] {
|
||||
position: relative;
|
||||
grid-column: 2;
|
||||
@@ -560,7 +582,7 @@
|
||||
min-height: 0;
|
||||
overflow: auto;
|
||||
background: var(--hm-sem-bg-content);
|
||||
border-radius: var(--hm-lnb-join) var(--hm-gnb-join) 0 var(--hm-lnb-join);
|
||||
border-radius: 0 var(--hm-gnb-join) 0 0;
|
||||
}
|
||||
@media (max-width: 1023px) {
|
||||
[data-hm-gnb-layout="sidebar"] > [data-hm-gnb-body] {
|
||||
|
||||
Reference in new issue
Block a user