@hermes-ui/angular 0.2.1 → 0.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -86,19 +86,25 @@
|
|
|
86
86
|
// (dropdown, alert, datagrid...) e fica neutro em repouso de propósito; o glifo daqui é uma
|
|
87
87
|
// das poucas coisas que devem ficar coloridas o tempo todo, não só ao selecionar/passar o
|
|
88
88
|
// mouse (ver o comentário em `tokens.ts`).
|
|
89
|
-
|
|
90
|
-
--hermes-
|
|
89
|
+
//
|
|
90
|
+
// `var(--hermes-alias-object-accent-color, <hex>)` direto, e não `tokens.$hermes-alias-...` —
|
|
91
|
+
// esse token é novo demais pra existir na cópia congelada de `angular/styles/core/tokens`
|
|
92
|
+
// (não é resincronizada com o core; ver STYLES.md). O literal é só o piso de segurança: em
|
|
93
|
+
// qualquer app com o CSS do @hermes-ui/core carregado — o caso normal — quem decide é a
|
|
94
|
+
// custom property de verdade, lida em tempo real.
|
|
95
|
+
--hermes-vertical-nav-icon-color: var(--hermes-alias-object-accent-color, hsl(175, 92%, 26%));
|
|
96
|
+
--hermes-vertical-nav-icon-active-color: var(--hermes-alias-object-accent-color-active, hsl(175, 82%, 22%));
|
|
91
97
|
|
|
92
98
|
// Véu da cor da marca, e não um degrau neutro: o degrau neutro vizinho vale, em vários temas,
|
|
93
99
|
// a própria cor da barra, e o item em hover pintava o que já estava lá.
|
|
94
100
|
--hermes-vertical-nav-hover-bg-color: color-mix(
|
|
95
101
|
in srgb,
|
|
96
|
-
|
|
102
|
+
var(--hermes-alias-object-accent-color, hsl(175, 92%, 26%)) 14%,
|
|
97
103
|
transparent
|
|
98
104
|
);
|
|
99
105
|
--hermes-vertical-nav-active-bg-color: color-mix(
|
|
100
106
|
in srgb,
|
|
101
|
-
|
|
107
|
+
var(--hermes-alias-object-accent-color, hsl(175, 92%, 26%)) 26%,
|
|
102
108
|
transparent
|
|
103
109
|
);
|
|
104
110
|
// O selecionado é só a tinta, sem faixa lateral. O que o distingue do hover é o peso do texto
|
|
@@ -118,9 +124,9 @@
|
|
|
118
124
|
--hermes-vertical-nav-overlay-z-index: 1000;
|
|
119
125
|
|
|
120
126
|
// Vertical Nav - Trigger
|
|
121
|
-
--hermes-vertical-nav-toggle-icon-color:
|
|
127
|
+
--hermes-vertical-nav-toggle-icon-color: var(--hermes-alias-object-accent-color, hsl(175, 92%, 26%));
|
|
122
128
|
--hermes-vertical-nav-toggle-icon-hover-color: #{tokens.$hermes-alias-object-interaction-color-hover};
|
|
123
|
-
--hermes-vertical-nav-toggle-icon-active-color:
|
|
129
|
+
--hermes-vertical-nav-toggle-icon-active-color: var(--hermes-alias-object-accent-color-active, hsl(175, 82%, 22%));
|
|
124
130
|
--hermes-vertical-nav-toggle-icon-disabled-color: #{tokens.$hermes-alias-object-interaction-color-disabled};
|
|
125
131
|
--hermes-vertical-nav-trigger-divider-border-color: #{tokens.$hermes-alias-object-border-color};
|
|
126
132
|
|
|
@@ -99,7 +99,13 @@ $mobile-max-width: map.get(variables.$hermes-grid-breakpoints, lg);
|
|
|
99
99
|
// A calha da barra fica reservada mesmo sem barra: sem ela, o primeiro grupo que abre faz a
|
|
100
100
|
// lista passar da altura da tela, a barra nasce, tira 8px do rótulo e a largura medida
|
|
101
101
|
// cresceria para compensar sem que rótulo nenhum tenha pedido.
|
|
102
|
-
|
|
102
|
+
//
|
|
103
|
+
// `both-edges`, e não só o padrão (direita): a barra só existe à direita, mas reservar a
|
|
104
|
+
// calha de um lado só empurra o conteúdo pra a esquerda — a seta do grupo (à direita) fica
|
|
105
|
+
// mais longe da borda do que o ícone (à esquerda) da borda oposta, uma margem que lê como
|
|
106
|
+
// desalinhada mesmo a coluna estando corretamente centralizada. Reservando dos dois lados
|
|
107
|
+
// igualmente, o conteúdo continua centrado e a folga fica simétrica com ou sem barra.
|
|
108
|
+
scrollbar-gutter: stable both-edges;
|
|
103
109
|
}
|
|
104
110
|
|
|
105
111
|
.nav-group {
|