@ngx-stoui/core 21.0.2 → 21.0.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.
- package/ngx-stoui.css +37 -15
- package/package.json +1 -1
package/ngx-stoui.css
CHANGED
|
@@ -150,6 +150,11 @@ span.spacer {
|
|
|
150
150
|
flex-grow: 1;
|
|
151
151
|
}
|
|
152
152
|
|
|
153
|
+
html,
|
|
154
|
+
body {
|
|
155
|
+
font: 400 13px/24px var(--application-font);
|
|
156
|
+
}
|
|
157
|
+
|
|
153
158
|
body {
|
|
154
159
|
margin-left: 0;
|
|
155
160
|
margin-right: 0;
|
|
@@ -166,29 +171,46 @@ input::-webkit-inner-spin-button {
|
|
|
166
171
|
}
|
|
167
172
|
|
|
168
173
|
h1 {
|
|
169
|
-
|
|
174
|
+
--mat-sys-body-large-size: 1.7rem;
|
|
175
|
+
--mat-sys-body-large-line-height: 1.4;
|
|
176
|
+
--mat-sys-body-large-weight: 400;
|
|
177
|
+
font: var(--mat-sys-body-large-weight) var(--mat-sys-body-large-size)/var(--mat-sys-body-large-line-height) var(--application-font);
|
|
170
178
|
}
|
|
171
179
|
|
|
172
180
|
h2 {
|
|
173
|
-
|
|
174
|
-
|
|
181
|
+
--mat-sys-body-large-size: 1.6rem;
|
|
182
|
+
--mat-sys-body-large-line-height: 1.4;
|
|
183
|
+
--mat-sys-body-large-weight: 400;
|
|
184
|
+
font: var(--mat-sys-body-large-weight) var(--mat-sys-body-large-size)/var(--mat-sys-body-large-line-height) var(--application-font);
|
|
175
185
|
}
|
|
176
186
|
|
|
177
187
|
h3 {
|
|
178
|
-
|
|
188
|
+
--mat-sys-body-large-size: 1.53846rem;
|
|
189
|
+
--mat-sys-body-large-line-height: 1.4;
|
|
190
|
+
--mat-sys-body-large-weight: 400;
|
|
191
|
+
font: var(--mat-sys-body-large-weight) var(--mat-sys-body-large-size)/var(--mat-sys-body-large-line-height) var(--application-font);
|
|
179
192
|
margin: 0;
|
|
180
193
|
}
|
|
181
194
|
|
|
182
195
|
h4 {
|
|
183
|
-
|
|
196
|
+
--mat-sys-body-large-size: 1.23077rem;
|
|
197
|
+
--mat-sys-body-large-line-height: 1.4;
|
|
198
|
+
--mat-sys-body-large-weight: 400;
|
|
199
|
+
font: var(--mat-sys-body-large-weight) var(--mat-sys-body-large-size)/var(--mat-sys-body-large-line-height) var(--application-font);
|
|
184
200
|
}
|
|
185
201
|
|
|
186
202
|
h5 {
|
|
187
|
-
|
|
203
|
+
--mat-sys-body-large-size: 0.9rem;
|
|
204
|
+
--mat-sys-body-large-line-height: 1;
|
|
205
|
+
--mat-sys-body-large-weight: 400;
|
|
206
|
+
font: var(--mat-sys-body-large-weight) var(--mat-sys-body-large-size)/var(--mat-sys-body-large-line-height) var(--application-font);
|
|
188
207
|
}
|
|
189
208
|
|
|
190
209
|
h6 {
|
|
191
|
-
|
|
210
|
+
--mat-sys-body-large-size: 0.8rem;
|
|
211
|
+
--mat-sys-body-large-line-height: 1.25;
|
|
212
|
+
--mat-sys-body-large-weight: 400;
|
|
213
|
+
font: var(--mat-sys-body-large-weight) var(--mat-sys-body-large-size)/var(--mat-sys-body-large-line-height) var(--application-font);
|
|
192
214
|
}
|
|
193
215
|
|
|
194
216
|
html body.mat-app-background {
|
|
@@ -2208,11 +2230,10 @@ span.sortable {
|
|
|
2208
2230
|
--mat-timepicker-container-background-color: var(--mat-sys-surface-container);
|
|
2209
2231
|
--mat-timepicker-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
|
2210
2232
|
--application-font: Equinor, Roboto, sans-serif;
|
|
2211
|
-
font-size: 13px;
|
|
2212
|
-
font-family: var(--application-font);
|
|
2213
2233
|
--mat-sys-body-large-font: var(--application-font);
|
|
2234
|
+
--mat-sys-body-large-weight: 400;
|
|
2214
2235
|
--mat-sys-body-large-size: 1rem;
|
|
2215
|
-
--mat-sys-body-large-line-height: 1.
|
|
2236
|
+
--mat-sys-body-large-line-height: 1.55;
|
|
2216
2237
|
--mat-sys-label-medium-font: var(--application-font);
|
|
2217
2238
|
--mat-sys-label-medium-size: 1.25rem;
|
|
2218
2239
|
--mat-sys-label-medium-line-height: 1.333;
|
|
@@ -2364,11 +2385,16 @@ span.sortable {
|
|
|
2364
2385
|
}
|
|
2365
2386
|
|
|
2366
2387
|
.sto-sm-typography {
|
|
2388
|
+
font: 400 10px/20px var(--application-font);
|
|
2367
2389
|
font-size: 10px;
|
|
2368
2390
|
}
|
|
2369
2391
|
|
|
2392
|
+
.sto-m-typography {
|
|
2393
|
+
font: 400 13px/24px var(--application-font);
|
|
2394
|
+
}
|
|
2395
|
+
|
|
2370
2396
|
.sto-l-typography {
|
|
2371
|
-
font
|
|
2397
|
+
font: 400 16px/28px var(--application-font);
|
|
2372
2398
|
}
|
|
2373
2399
|
|
|
2374
2400
|
.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
|
|
@@ -2582,10 +2608,6 @@ body,
|
|
|
2582
2608
|
.sto-datatable {
|
|
2583
2609
|
font-feature-settings: "tnum", "lnum";
|
|
2584
2610
|
}
|
|
2585
|
-
.sto-datatable .datatable-header mat-icon,
|
|
2586
|
-
.sto-datatable .datatable-body mat-icon {
|
|
2587
|
-
color: var(--text-secondary);
|
|
2588
|
-
}
|
|
2589
2611
|
.sto-datatable .datatable-header {
|
|
2590
2612
|
background: var(--bg-light);
|
|
2591
2613
|
border-bottom: var(--mat-table-row-item-outline-width, 1px) solid var(--mat-table-row-item-outline-color, var(--divider));
|