@sb1/ffe-core 27.3.5 → 27.3.6

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.
Files changed (2) hide show
  1. package/less/typography.less +22 -22
  2. package/package.json +2 -2
package/less/typography.less CHANGED
@@ -168,21 +168,21 @@
168
168
  font-size: var(--ffe-fontsize-h6);
169
169
  }
170
170
 
171
- .ffe-small-text {
171
+ .ffe-small-text,
172
+ .ffe-micro-text {
172
173
  color: var(--ffe-g-text-color);
173
174
  font-family: var(--ffe-g-font);
174
175
  font-weight: normal;
175
176
  font-variant-numeric: tabular-nums;
176
177
  line-height: 1.25rem;
178
+ margin: 0;
179
+ }
180
+
181
+ .ffe-small-text {
177
182
  font-size: var(--ffe-fontsize-small-text);
178
183
  }
179
184
 
180
185
  .ffe-micro-text {
181
- color: var(--ffe-g-text-color);
182
- font-family: var(--ffe-g-font);
183
- font-weight: normal;
184
- font-variant-numeric: tabular-nums;
185
- line-height: 1.25rem;
186
186
  font-size: var(--ffe-fontsize-micro-text);
187
187
  }
188
188
 
@@ -194,7 +194,7 @@
194
194
  .ffe-h6 {
195
195
  color: var(--ffe-g-heading-color);
196
196
  font-weight: normal;
197
- margin-bottom: @ffe-spacing-xs;
197
+ margin-bottom: var(--ffe-spacing-xs);
198
198
  margin-top: 0;
199
199
  text-wrap: balance;
200
200
  overflow-wrap: anywhere;
@@ -212,11 +212,11 @@
212
212
  }
213
213
 
214
214
  &--with-border {
215
- border-bottom: 1px solid @ffe-farge-lysgraa;
216
- padding-bottom: @ffe-spacing-xs;
215
+ border-bottom: 1px solid var(--ffe-farge-lysgraa);
216
+ padding-bottom: var(--ffe-spacing-xs);
217
217
  .native & {
218
218
  @media (prefers-color-scheme: dark) {
219
- border-color: @ffe-farge-graa;
219
+ border-color: var(--ffe-farge-graa);
220
220
  }
221
221
  }
222
222
  }
@@ -297,7 +297,7 @@
297
297
  text-decoration: none;
298
298
  word-wrap: break-all;
299
299
  line-height: 1em;
300
- transition: all @ffe-transition-duration @ffe-ease;
300
+ transition: all var(--ffe-transition-duration) var(--ffe-ease);
301
301
 
302
302
  @media (hover: hover) and (pointer: fine) {
303
303
  &:hover {
@@ -318,17 +318,17 @@
318
318
  }
319
319
 
320
320
  &:focus {
321
- border-color: @ffe-farge-hvit;
321
+ border-color: var(--ffe-farge-hvit);
322
+ color: var(--ffe-farge-hvit);
322
323
  border-radius: 1px;
323
324
  background-color: var(--ffe-g-link-color);
324
325
  box-shadow: 0 0 0 2px var(--ffe-g-link-color);
325
- color: @ffe-farge-hvit;
326
326
  outline: none;
327
327
 
328
328
  .native & {
329
329
  @media (prefers-color-scheme: dark) {
330
- border-color: @ffe-farge-svart !important;
331
- color: @ffe-farge-svart !important;
330
+ border-color: var(--ffe-farge-svart) !important;
331
+ color: var(--ffe-farge-svart) !important;
332
332
  }
333
333
  }
334
334
  }
@@ -340,7 +340,7 @@
340
340
  border-radius: 1.5rem;
341
341
  border: 2px solid transparent;
342
342
  outline: 0;
343
- padding: @ffe-spacing-2xs;
343
+ padding: var(--ffe-spacing-2xs);
344
344
 
345
345
  @media (hover: hover) and (pointer: fine) {
346
346
  &:hover {
@@ -355,13 +355,13 @@
355
355
 
356
356
  .ffe-divider-line {
357
357
  border: none;
358
- border-bottom: solid 1px @ffe-farge-lysgraa;
358
+ border-bottom: solid 1px var(--ffe-farge-lysgraa);
359
359
  padding-top: 1px;
360
360
  padding-bottom: 1px;
361
361
  width: 100%;
362
362
  .native & {
363
363
  @media (prefers-color-scheme: dark) {
364
- border-color: @ffe-farge-graa;
364
+ border-color: var(--ffe-farge-graa);
365
365
  }
366
366
  }
367
367
  }
@@ -380,13 +380,13 @@
380
380
  }
381
381
 
382
382
  .ffe-pre-text {
383
- background-color: @ffe-farge-sand-70;
383
+ background-color: var(--ffe-farge-sand-70);
384
384
  font-family: consolas, menlo, monaco, monospace;
385
385
  margin: 0;
386
386
  text-align: left;
387
387
  .native & {
388
388
  @media (prefers-color-scheme: dark) {
389
- background-color: @ffe-farge-koksgraa;
389
+ background-color: var(--ffe-farge-koksgraa);
390
390
  }
391
391
  }
392
392
  }
@@ -426,7 +426,7 @@
426
426
  .ffe-h4,
427
427
  .ffe-h5,
428
428
  .ffe-h6 {
429
- margin-bottom: @ffe-spacing-sm;
429
+ margin-bottom: var(--ffe-spacing-sm);
430
430
 
431
431
  &--no-margin {
432
432
  margin: 0;
@@ -462,7 +462,7 @@
462
462
  .ffe-h4,
463
463
  .ffe-h5,
464
464
  .ffe-h6 {
465
- margin-bottom: @ffe-spacing-md;
465
+ margin-bottom: var(--ffe-spacing-md);
466
466
 
467
467
  &--no-margin {
468
468
  margin: 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sb1/ffe-core",
3
- "version": "27.3.5",
3
+ "version": "27.3.6",
4
4
  "description": "Rammeverk for Felles Front End",
5
5
  "license": "MIT",
6
6
  "author": "SpareBank 1",
@@ -31,5 +31,5 @@
31
31
  "publishConfig": {
32
32
  "access": "public"
33
33
  },
34
- "gitHead": "8bfc6dca847a163f4057ce4d75e2e2dc43b293dc"
34
+ "gitHead": "d9726eae887f19598f051c2f205506a0710b89e8"
35
35
  }