@iris.interactive/handcook 2.6.22 → 2.6.23

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 (4) hide show
  1. package/README.md +1 -1
  2. package/package.json +1 -1
  3. package/public/scripts/components/slider/slider.component.js +3 -3
  4. package/public/styles/scss/_variables.scss +12 -1
package/README.md CHANGED
@@ -1,5 +1,5 @@
1
1
  # Welcome to HandCook 👨‍🍳
2
- ![Version](https://img.shields.io/badge/version-2.6.22-blue.svg?cacheSeconds=2592000)
2
+ ![Version](https://img.shields.io/badge/version-2.6.23-blue.svg?cacheSeconds=2592000)
3
3
  ![Prerequisite](https://img.shields.io/badge/node-%3E%3D%2012.14.0-blue.svg)
4
4
  [![License: UNLICENSED](https://img.shields.io/badge/License-UNLICENSED-yellow.svg)](#)
5
5
  [![Twitter: captain\_iris](https://img.shields.io/twitter/follow/captain\_iris.svg?style=social)](https://twitter.com/captain\_iris)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@iris.interactive/handcook",
3
- "version": "2.6.22",
3
+ "version": "2.6.23",
4
4
  "description": "The web cooking by IRIS Interactive",
5
5
  "main": "./public/scripts/index.js",
6
6
  "scripts": {
package/public/scripts/components/slider/slider.component.js CHANGED
@@ -25,15 +25,15 @@ export class HcSlider {
25
25
 
26
26
  breakpoints = [{
27
27
  name: "medium",
28
- value: 650
28
+ value: 651
29
29
  },
30
30
  {
31
31
  name: "large",
32
- value: 1000
32
+ value: 1001
33
33
  },
34
34
  {
35
35
  name: "xlarge",
36
- value: 1453
36
+ value: 1454
37
37
  }];
38
38
 
39
39
  // Options
package/public/styles/scss/_variables.scss CHANGED
@@ -317,6 +317,7 @@ $highlight-link-color-hover: var(--iris--highlight--color-link-hover);
317
317
 
318
318
  // Single SIT highlight
319
319
  $detail-sit-highlight-color: var(--iris--detail-sit-highlight--color);
320
+ $detail-sit-highlight-color-title: var(--iris--detail-sit-highlight--color-title, var(--iris--detail-sit-highlight--color));
320
321
  $detail-sit-highlight-background-color: var(--iris--detail-sit-highlight--background-color);
321
322
  $detail-sit-highlight-link-color: var(--iris--detail-sit-highlight--color-link);
322
323
  $detail-sit-highlight-link-color-hover: var(--iris--detail-sit-highlight--color-link-hover);
@@ -334,6 +335,7 @@ $stratefull-content-width: var(--iris--stratefull--content-width);
334
335
 
335
336
  // Brochures form
336
337
  $brochure-form-color: var(--iris--brochure-form--color);
338
+ $brochure-form-color-title: var(--iris--brochure-form--color-title, var(--iris--brochure-form--color));
337
339
  $brochure-form-background-color: var(--iris--brochure-form--background-color);
338
340
  $brochure-form-link-color: var(--iris--brochure-form--color-link);
339
341
  $brochure-form-link-color-hover: var(--iris--brochure-form--color-link-hover);
@@ -345,6 +347,7 @@ $brochure-form-field-color: var(--iris--brochure-form-field--color);
345
347
 
346
348
  // Alternative content
347
349
  $alternative-content-color: var(--iris--alternative-content--color);
350
+ $alternative-content-color-title: var(--iris--alternative-content--color-title, var(--iris--alternative-content--color));
348
351
  $alternative-content-background-color: var(--iris--alternative-content--background-color);
349
352
  $alternative-content-link-color: var(--iris--alternative-content--color-link);
350
353
  $alternative-content-link-color-hover: var(--iris--alternative-content--color-link-hover);
@@ -352,6 +355,7 @@ $alternative-content-link-color-hover: var(--iris--alternative-content--color-li
352
355
 
353
356
  // Relative content
354
357
  $relative-content-color: var(--iris--relative-content--color);
358
+ $relative-content-color-title: var(--iris--relative-content--color-title, var(--iris--relative-content--color));
355
359
  $relative-content-background-color: var(--iris--relative-content--background-color);
356
360
  $relative-content-link-color: var(--iris--relative-content--color-link);
357
361
  $relative-content-link-color-hover: var(--iris--relative-content--color-link-hover);
@@ -359,6 +363,7 @@ $relative-content-link-color-hover: var(--iris--relative-content--color-link-hov
359
363
 
360
364
  // Video highlight
361
365
  $video-highlight-color: var(--iris--video-highlight--color);
366
+ $video-highlight-color-title: var(--iris--video-highlight--color-title, var(--iris--video-highlight--color));
362
367
  $video-highlight-background-color: var(--iris--video-highlight--background-color);
363
368
  $video-highlight-link-color: var(--iris--video-highlight--color-link);
364
369
  $video-highlight-link-color-hover: var(--iris--video-highlight--color-link-hover);
@@ -366,6 +371,7 @@ $video-highlight-link-color-hover: var(--iris--video-highlight--color-link-hover
366
371
 
367
372
  // Authors
368
373
  $authors-color: var(--iris--authors--color);
374
+ $authors-color-title: var(--iris--authors--color-title, var(--iris--authors--color));
369
375
  $authors-background-color: var(--iris--authors--background-color);
370
376
  $authors-link-color: var(--iris--authors--color-link);
371
377
  $authors-link-color-hover: var(--iris--authors--color-link-hover);
@@ -373,20 +379,23 @@ $authors-link-color-hover: var(--iris--authors--color-link-hover);
373
379
 
374
380
  // Ma Plage
375
381
  $ma-plage-color: var(--iris--ma-plage--color);
382
+ $ma-plage-color-title: var(--iris--ma-plage--color-title, var(--iris--ma-plage--color));
376
383
  $ma-plage-background-color: var(--iris--ma-plage--background-color);
377
384
  $ma-plage-link-color: var(--iris--ma-plage--color-link);
378
385
  $ma-plage-link-color-hover: var(--iris--ma-plage--color-link-hover);
379
386
 
380
387
 
381
388
  // Tides
382
- $tides-background-color: var(--iris--tides--background-color);
383
389
  $tides-color: var(--iris--tides--color);
390
+ $tides-color-title: var(--iris--tides--color-title, var(--iris--tides--color));
391
+ $tides-background-color: var(--iris--tides--background-color);
384
392
  $tides-link-color: var(--iris--tides--color-link);
385
393
  $tides-link-color-hover: var(--iris--tides--color-link-hover);
386
394
 
387
395
 
388
396
  // Snow
389
397
  $snow-color: var(--iris--snow--color);
398
+ $snow-color-title: var(--iris--snow--color-title, var(--iris--snow--color));
390
399
  $snow-background-color: var(--iris--snow--background-color);
391
400
  $snow-link-color: var(--iris--snow--color-link);
392
401
  $snow-link-color-hover: var(--iris--snow--color-link-hover);
@@ -394,12 +403,14 @@ $snow-link-color-hover: var(--iris--snow--color-link-hover);
394
403
 
395
404
  // How to come
396
405
  $how-to-come-color: var(--iris--how-to-come--color);
406
+ $how-to-come-color-title: var(--iris--how-to-come--color-title, var(--iris--how-to-come--color));
397
407
  $how-to-come-background-color: var(--iris--how-to-come--background-color);
398
408
  $how-to-come-link-color: var(--iris--how-to-come--color-link);
399
409
  $how-to-come-link-color-hover: var(--iris--how-to-come--color-link-hover);
400
410
 
401
411
  // Trip
402
412
  $trip-color: var(--iris--trip--color);
413
+ $trip-color-title: var(--iris--trip--color-title, var(--iris--trip--color));
403
414
  $trip-background-color: var(--iris--trip--background-color);
404
415
  $trip-link-color: var(--iris--trip--color-link);
405
416
  $trip-link-color-hover: var(--iris--trip--color-link-hover);