@iris.interactive/handcook 2.6.16 → 2.6.19

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 +7 -0
  4. package/public/styles/scss/_variables.scss +2 -7
package/README.md CHANGED
@@ -1,5 +1,5 @@
1
1
  # Welcome to HandCook 👨‍🍳
2
- ![Version](https://img.shields.io/badge/version-2.6.16-blue.svg?cacheSeconds=2592000)
2
+ ![Version](https://img.shields.io/badge/version-2.6.19-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.16",
3
+ "version": "2.6.19",
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
@@ -112,6 +112,13 @@ export class HcSlider {
112
112
  hiddenClass: `hc-slider-button-hidden${suffix}`
113
113
  };
114
114
  }
115
+
116
+ if (this.slider.hasAttribute('data-hc-slider-fade-effect')) {
117
+ this.options['effect'] = 'fade';
118
+ this.options['fadeEffect'] = {
119
+ crossFade: true
120
+ };
121
+ }
115
122
  }
116
123
 
117
124
  buildDom() {
package/public/styles/scss/_variables.scss CHANGED
@@ -312,12 +312,7 @@ $switch-off: var(--iris--switch--color-off);
312
312
  $highlight-color: var(--iris--highlight--color);
313
313
  $highlight-background-color: var(--iris--highlight--background-color);
314
314
  $highlight-link-color: var(--iris--highlight--color-link);
315
- $highlight-link-color-hover: var(--iris--highlight--color-link-hover);
316
-
317
- // Highlight
318
- $highlight-color: var(--iris--highlight--color);
319
- $highlight-background-color: var(--iris--highlight--background-color);
320
- $highlight-link-color: var(--iris--highlight--color-link);
315
+ $highlight-title-color: var(--iris--highlight--color-title);
321
316
  $highlight-link-color-hover: var(--iris--highlight--color-link-hover);
322
317
 
323
318
  // Single SIT highlight
@@ -418,4 +413,4 @@ $c-warning: #ff890e;
418
413
  / ================================================== */
419
414
  $c-easy: #9ccc65;
420
415
  $c-medium: #ff890e;
421
- $c-hard: #ef5350;
416
+ $c-hard: #ef5350;