@elderbyte/ngx-starter 19.1.6 → 19.1.8
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.
- package/fesm2022/elderbyte-ngx-starter.mjs +12 -6
- package/fesm2022/elderbyte-ngx-starter.mjs.map +1 -1
- package/package.json +1 -1
- package/theming/abstracts/_elder-design-tokens.scss +8 -0
- package/theming/base/_elder-fixes-base.scss +11 -4
- package/theming/components/_elder-chip-theme.scss +6 -0
- package/theming/components/_elder-toolbar-theme.scss +7 -0
- package/theming/utilities/_elder-color-utils.scss +1 -1
package/package.json
CHANGED
|
@@ -12,6 +12,14 @@
|
|
|
12
12
|
--md-sys-color-background: var(--md-sys-color-surface-container);
|
|
13
13
|
--mat-app-background-color: var(--md-sys-color-background);
|
|
14
14
|
|
|
15
|
+
// elder sizes
|
|
16
|
+
--elder-size-xs: #{map.get(config.$sizes, xs)};
|
|
17
|
+
--elder-size-sm: #{map.get(config.$sizes, sm)};
|
|
18
|
+
--elder-size-md: #{map.get(config.$sizes, md)};
|
|
19
|
+
--elder-size-lg: #{map.get(config.$sizes, lg)};
|
|
20
|
+
--elder-size-xl: #{map.get(config.$sizes, xl)};
|
|
21
|
+
--elder-size-xxl: #{map.get(config.$sizes, xxl)};
|
|
22
|
+
|
|
15
23
|
// mat variables
|
|
16
24
|
--mat-sidenav-container-width: auto; // is set to around 300px by default in MAT 3 (MAT 2 was auto by default)
|
|
17
25
|
--mat-badge-small-size-text-size: 9px; // this is the mat2 setting, mat3 somehow sets this to 0, which hides the font, unclear why.
|
|
@@ -114,11 +114,18 @@
|
|
|
114
114
|
}
|
|
115
115
|
|
|
116
116
|
.elder-card-title {
|
|
117
|
+
margin-top: 0 !important;
|
|
117
118
|
padding-bottom: 0 !important;
|
|
118
119
|
margin-bottom: 6px !important;
|
|
119
120
|
//font-weight: 500;
|
|
120
121
|
}
|
|
121
122
|
|
|
123
|
+
.elder-card-subtitle {
|
|
124
|
+
margin-top: 0 !important;
|
|
125
|
+
padding-bottom: 0px !important;
|
|
126
|
+
margin-bottom: 6px !important;
|
|
127
|
+
}
|
|
128
|
+
|
|
122
129
|
/**************************************************************************
|
|
123
130
|
Elder panel legacy class
|
|
124
131
|
**************************************************************************/
|
|
@@ -183,10 +190,10 @@
|
|
|
183
190
|
|
|
184
191
|
// Button colors
|
|
185
192
|
.mat-accent.mat-mdc-button-base {
|
|
186
|
-
--md-sys-color-tertiary: var(--md-sys-color-secondary);
|
|
187
|
-
--md-sys-color-on-tertiary: var(--md-sys-color-on-secondary);
|
|
188
|
-
--md-sys-color-tertiary-container: var(--md-sys-color-secondary-container);
|
|
189
|
-
--md-sys-color-on-tertiary-container: var(--md-sys-color-on-secondary-container);
|
|
193
|
+
// --md-sys-color-tertiary: var(--md-sys-color-secondary);
|
|
194
|
+
// --md-sys-color-on-tertiary: var(--md-sys-color-on-secondary);
|
|
195
|
+
// --md-sys-color-tertiary-container: var(--md-sys-color-secondary-container);
|
|
196
|
+
// --md-sys-color-on-tertiary-container: var(--md-sys-color-on-secondary-container);
|
|
190
197
|
}
|
|
191
198
|
|
|
192
199
|
// slide toggle colors fix
|
|
@@ -188,14 +188,17 @@
|
|
|
188
188
|
$col: map.get(config.$palettes, primary, 30);
|
|
189
189
|
@include standard-chip-content-color-variant($col);
|
|
190
190
|
}
|
|
191
|
+
&.color-primary,
|
|
191
192
|
&[color='primary'] {
|
|
192
193
|
$col: map.get(config.$palettes, primary, 30);
|
|
193
194
|
@include standard-chip-content-color-variant($col);
|
|
194
195
|
}
|
|
196
|
+
&.color-accent,
|
|
195
197
|
&[color='accent'] {
|
|
196
198
|
$col: map.get(config.$palettes, tertiary, 40);
|
|
197
199
|
@include standard-chip-content-color-variant($col);
|
|
198
200
|
}
|
|
201
|
+
&.color-warn,
|
|
199
202
|
&[color='warn'] {
|
|
200
203
|
$col: map.get(config.$palettes, error, 40);
|
|
201
204
|
@include standard-chip-content-color-variant($col);
|
|
@@ -207,14 +210,17 @@
|
|
|
207
210
|
// $col: map.get(config.$palettes, primary, 30);
|
|
208
211
|
// @include standard-chip-content-color-variant($col);
|
|
209
212
|
// }
|
|
213
|
+
&.color-primary,
|
|
210
214
|
&[color='primary'] {
|
|
211
215
|
$col: map.get(config.$palettes, primary, 50);
|
|
212
216
|
@include standard-chip-content-color-variant($col);
|
|
213
217
|
}
|
|
218
|
+
&.color-accent,
|
|
214
219
|
&[color='accent'] {
|
|
215
220
|
$col: map.get(config.$palettes, tertiary, 50);
|
|
216
221
|
@include standard-chip-content-color-variant($col);
|
|
217
222
|
}
|
|
223
|
+
&.color-warn,
|
|
218
224
|
&[color='warn'] {
|
|
219
225
|
$col: map.get(config.$palettes, error, 50);
|
|
220
226
|
@include standard-chip-content-color-variant($col);
|